Placing form fields throughout a page design [RESOLVED]

I’m building a form where there are fields (specifically, upload fields) placed sporadically throughout the page design. I know that, technically, I can use HTML fields for this, but for the amount of HTML fields I’d have to add and how much HTML would be going into them for this design, it doesn’t seem like the most logical approach. Is there a way to target fields for placement throughout a page or some other way to approach this? If it means anything, I’m very comfortable with the Gravity Forms hooks and such, so I’m open to those as a solution, too. Thanks in advance! :slight_smile:

I’m reading up on the Gravity Forms API. It’s looking like that may be my solution… unless someone has another idea? :sweat_smile:

If I’m understanding correctly you’re wanting place upload fields in various positions?

You can try position:fixed and place the fields wherever you like.

Here’s the link to gravity forms css targeting Target with these classes

Thanks! Not quite what I was looking for. :slight_smile:

To give you a better understanding of what the design looks like: it’s a how-to with a bunch of steps and images. At the end of each section, there’s an upload field to upload the completed piece for that section. The problem is that there’s a lot of HTML in between these upload fields, and it doesn’t seem logical to put entire sections of the page’s HTML in a bunch of HTML fields in the form. I’m wondering how I can put the form fields where I need them in the page’s design as opposed to cramming the page’s design into form fields.

Well if you aren’t wanting to use Gravity Forms html fields then it sounds like you need to create multiple forms and just hide the submit button with conditional logic to hide if the upload fields are empty. Breaking your forms spacing would require you to target the individual fields and place them underneath the pages html sections. This is a very messy way of doing this.

I agree - not the best way to go about it. I think I may be able to use the API to accomplish this. We’ll see! :crossed_fingers:t3:

One possible idea would be to use a link instead and have the form open in an overlay…if you’re not familiar with hand coding, there is a plugin called “Easy Fancybox” that makes it super simple. SO wherever you want to let folks upload, just create a link (something like) “click to upload” and then the form opens in an overlay, they upload their file, and the form/overlay closes.

Thanks for the input! :slight_smile: I got it figured out, though, using the Gravity Forms API. The API allowed me to build a form without using the form builder in the dashboard.

2 Likes
© 2008 - 2019. Gravity Forms is a project by Rocketgenius Inc.