Gravity Support Forums Topic: Question about inserting other text between form fields on the page

Gravity Support Forums Topic: Question about inserting other text between form fields on the page https://legacy.forums.gravityhelp.com/topic/question-about-inserting-other-text-between-form-fields-on-the-page Gravity Support Forums Topic: Question about inserting other text between form fields on the page en-US Tue, 21 Apr 2026 02:09:08 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Kevin Flahaut on "Question about inserting other text between form fields on the page" https://legacy.forums.gravityhelp.com/topic/question-about-inserting-other-text-between-form-fields-on-the-page#post-1475 Fri, 13 Nov 2009 21:54:26 +0000 Kevin Flahaut 1475@https://legacy.forums.gravityhelp.com/ Wonderful. I'm pleased I could help. realityshifter on "Question about inserting other text between form fields on the page" https://legacy.forums.gravityhelp.com/topic/question-about-inserting-other-text-between-form-fields-on-the-page#post-1474 Fri, 13 Nov 2009 21:48:55 +0000 realityshifter 1474@https://legacy.forums.gravityhelp.com/ Wow, that's fantastic! That's exactly what I was hoping for. I've been looking all over the place for a user-friendly way to do this. I'm so glad I found your site. I'm definitely going to order the plugin. Thanks again! Kevin Flahaut on "Question about inserting other text between form fields on the page" https://legacy.forums.gravityhelp.com/topic/question-about-inserting-other-text-between-form-fields-on-the-page#post-1473 Fri, 13 Nov 2009 20:03:35 +0000 Kevin Flahaut 1473@https://legacy.forums.gravityhelp.com/ This version of Gravity Forms allows HTML in the field description area. You could put your links in there if you wanted and have this functionality. <a href="http://dl.dropbox.com/u/688846/gravityhelp/audioform_description.png">Form Admin Screenshot</a> If you preferred to have the audio links lined up with the choices like in your example, it would take some CSS tweaking to pull off, but it's pretty easy to do. I replicated your example in just a few minutes with a simple form and a little markup and CSS in the page editor. <a href="http://dl.dropbox.com/u/688846/gravityhelp/audioform_sample.png">Demo Screenshot</a> I created the form with all the necessary fields and added it to a new page. Once the form was added into the page editor (HTML view) I added the links and a CSS style block directly into the editor and placed it directly above the form reference. <a href="http://dl.dropbox.com/u/688846/gravityhelp/audioform_editor.png">Page Editor Screenshot</a> Basically, I've absolutely positioned the unordered lists next to the corresponding form fields. (note: my content container is set to position:relative so the absolute positioning is relative to the form, not the top left corner of the page) Here's the code I added directly above the form short code. It's just to give you an idea of what I did, you'll need to customize everything to fit your particular form styles. <pre><code><style type="text/css"> ul.audiolists {position:absolute; left:225px;} ul.audiolists li {list-style-type:none; margin:0 0 10px 0;} ul.audiolists li a {background-image:url(http://dl.dropbox.com/u/688846/gravityhelp/play_icon.gif); background-repeat:no-repeat; background-position:left center; padding: 0 0 0 22px; display:block; line-height:22px;} ul#audiolist1 {top:190px;} ul#audiolist2 {top:355px;} ul#audiolist3 {top:520px;} </style> <ul id="audiolist1" class="audiolists"> <li><a href="#">Play Audio 1</a></li> <li><a href="#">Play Audio 2</a></li> <li><a href="#">Play Audio 3</a></li> </ul> <ul id="audiolist2" class="audiolists"> <li><a href="#">Play Audio 1</a></li> <li><a href="#">Play Audio 2</a></li> <li><a href="#">Play Audio 3</a></li> </ul> <ul id="audiolist3" class="audiolists"> <li><a href="#">Play Audio 1</a></li> <li><a href="#">Play Audio 2</a></li> <li><a href="#">Play Audio 3</a></li> </ul></code></pre> So, there are a couple of ways to accomplish this pretty easily. If you don't mind doing a little CSS work post form creation, you can style it pretty much any way you'd like to. realityshifter on "Question about inserting other text between form fields on the page" https://legacy.forums.gravityhelp.com/topic/question-about-inserting-other-text-between-form-fields-on-the-page#post-1469 Fri, 13 Nov 2009 17:06:55 +0000 realityshifter 1469@https://legacy.forums.gravityhelp.com/ Before I purchase the plugin, I have a question about whether or not it can handle the kind of form I need to build. I need a form that will allow the visitor to listen to three separate sound files and then click a radio button next to the one they like best. I have a plugin that handles playing the audio files wherever I insert the appropriate hyperlink or tag (the plugin is WP-Audio), but I need a form that will allow me to insert those links either above the list of radio buttons or next to each radio button. So basically, I need a plugin that can make a form with a layout that is something like either of the two layouts in this mock-up: <a href="http://www.beyondawakening.com/images/form-layouts.jpg" rel="nofollow">http://www.beyondawakening.com/images/form-layouts.jpg</a> Can I do that with the Gravity Forms plugin? Every form plugin I've found so far will not allow me to insert any other text, links, or anything else so it appears between one field and the next field in the form. I need to be able to insert some text to describe each section, and to insert the links to the audio. Thanks in advance for your help.