topic Re: How do I alter a geoform layout? in ArcGIS JavaScript Maps SDK Questions

How do I alter a geoform layout?

BrandonKeinath1 — Thu, 23 Oct 2014 15:40:04 GMT

We have a project to replace an existing paper form with a geoform and we would like the geoform to look as close to the paper form as possible. Has anyone modified a geoform layout? Our hope would be for columns or some other way to organize the fields to make sense to the end user. I've attached a screenshot of part of the existing form.

Re: How do I alter a geoform layout?

BrandonKeinath1 — Tue, 04 Nov 2014 02:44:05 GMT

Trying to get some traction on this discussion/question. Think we may have a solution by adding some additional numbered sections but aren't sure how to accomplish this. For instance there are three sections to the geoform now but if we added a fourth or fifth it might help users submitting the form. Thoughts, ideas, wild notions?

Re: How do I alter a geoform layout?

TobiasFimpel1 — Mon, 19 Jan 2015 02:28:17 GMT

Hi Brandon. Just curious to see whether you have any experiences to share from trying this idea out. I'd love o hear it! Thanks!

Re: How do I alter a geoform layout?

BrandonKeinath1 — Mon, 19 Jan 2015 13:45:42 GMT

Hi Tobias,

Yes I do. We were able to do what I was describing above, add extra numbered sections, with some jquery and prepending headings. I can't take credit for the solution so if you'd like more specifics let me know and I'll get them.

Thanks,

Brandon

Re: How do I alter a geoform layout?

ShawnHibbs — Thu, 16 Jul 2015 18:59:13 GMT

Hi Brandon,

Don't know if you still have the specifics but I am currently trying to do this as well. If you have any info or tips on how to do this it would be awesome!

Thanks,

Shawn

Re: How do I alter a geoform layout?

BrandonKeinath1 — Thu, 16 Jul 2015 21:20:16 GMT

Hi Shawn,

Funny you should ask; I happened upon this discussion again this morning. Here is an example of the jquery that was used along with the explanation. As I mentioned before I can’t take credit for the solution, but it helps to work with talented people.

$( "

{their text}

" ).prependTo( "{id of input label}" );

.prependTo places the new header before whatever ID they indicate in the above code.

.appendTo does the same thing, but places the new header AFTER the indicated ID.

Please let me know if this makes sense or if you need more information.

Best,

Brandon