Discussion Forums  >  Self Hosted Control Panels

Replies: 1    Views: 153

SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
08/22/14 07:59 AM (9 years ago)

Integrating Leaflet Maps with Coffee Cup's Web Form Builder

I rather like Coffee Cup Softwares 'Web Form Builder'. It's a graphical form creator that allows for 'conditional' flow, so you can have form elements that show/hide depending on user responses. Rather neat. I bought a bunch of their stuff as a bundle once, and this is by far the most useful tool they have. Kinda pricey by itself though. Anyway, one of the annoying things, is there isn't any map support in the form builder. So I found a way to integrate 'Leaflet' maps (leafletjs.com) with the Web Form Builder. My goal was to create a form that would contain a map to allow a user to drag a marker on their desired location, and have the coordinates auto-populate the appropriate text fields, for accurate entry. It works rather nicely. The 'How To' is located here: https://dl.dropboxusercontent.com/u/115208762/wfbmap.pdf Hope it can help someone. If you don't have coffee cup web form builder, the sample files referenced in the document have a 'sample' php file that will populate text input boxes with lat/lng. If you create files manually, this might still be of some use. Just ignore the tutorial and use the source your own way. Cheers! -- Smug
 
Niraj
buzztouch Evangelist
Profile
Posts: 2943
Reg: Jul 11, 2012
Cerritos
37,930
like
08/23/14 09:31 AM (9 years ago)
Thanks, Mr. General Manager! Your LinkedIn profile flashed into view recently :-) Nice tip on the Coffee Cup software. -- Niraj
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.