https://legacy.forums.gravityhelp.com/topic/position-field Gravity Support Forums Topic: position field en-US Thu, 07 May 2026 21:37:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/position-field#post-31874 Fri, 05 Aug 2011 16:08:52 +0000 Richard Vav 31874@https://legacy.forums.gravityhelp.com/ <p>Cheers David, that's working great, definitely easier than what I was trying to do. My next idea was to try and test for the visibility of the html blocks containing the t-shape &amp; l-shape images and then try and set the css position.</p> <p>Thanks again for help, Gravity Forms is turning out to be the best plugin by far that I have used and the help you guys offer through the forums just makes it even better. </p> https://legacy.forums.gravityhelp.com/topic/position-field#post-31871 Fri, 05 Aug 2011 15:56:27 +0000 David Smith 31871@https://legacy.forums.gravityhelp.com/ <p>I sure did. :)</p> <p><a href="http://pastie.org/2326846" rel="nofollow">http://pastie.org/2326846</a> </p> https://legacy.forums.gravityhelp.com/topic/position-field#post-31868 Fri, 05 Aug 2011 15:54:24 +0000 Richard Vav 31868@https://legacy.forums.gravityhelp.com/ <p>David, thanks for taking another look, did you forget to paste the code, what am I putting in the functions file? </p> https://legacy.forums.gravityhelp.com/topic/position-field#post-31861 Fri, 05 Aug 2011 15:32:39 +0000 David Smith 31861@https://legacy.forums.gravityhelp.com/ <p>Hi Richard,</p> <p>I think they're might be an easier way to do this. Try pasting this in your theme's functions.php file. What it'll do is set whatever the selected choice is for the Building Shape field as a class on the form itself (ie "Rectangle", "L-shape", or "T-shape"). Now you can just add some additional styles where ever you have your existing styles and using CSS specificity to change the positioning based on the form class.</p> <p>Example:<br /> .Rectangle #field_8_9 { left: 300px; }<br /> .L-shape #field_8_9 { left: 200px; } </p> https://legacy.forums.gravityhelp.com/topic/position-field#post-31829 Fri, 05 Aug 2011 11:13:14 +0000 Richard Vav 31829@https://legacy.forums.gravityhelp.com/ <p>Hi David, I still haven't been able to get it to work, I did however put the second field back in and set its position in the css as a temporary workaround until I get this new method working. </p> https://legacy.forums.gravityhelp.com/topic/position-field#post-31828 Fri, 05 Aug 2011 11:01:48 +0000 David Smith 31828@https://legacy.forums.gravityhelp.com/ <p>Hi Richard,</p> <p>Took a look at your site and looks like you've got this working? Do you need any other assistance with this? </p> https://legacy.forums.gravityhelp.com/topic/position-field#post-31813 Fri, 05 Aug 2011 08:49:39 +0000 Richard Vav 31813@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin, would this be the code<br /> <pre><code>jQuery(document).bind(&#39;gform_page_loaded&#39;, function( , &#39;gform_8&#39;, &#39;gform_page_8_1&#39;){ $(&#39;#choice_5_2&#39;).click(function() { $(&#39;#field_8_9&#39;).css(&#39;left&#39;, &#39;200px&#39;);}); });</code></pre> https://legacy.forums.gravityhelp.com/topic/position-field#post-31806 Fri, 05 Aug 2011 08:18:28 +0000 Kevin Flahaut 31806@https://legacy.forums.gravityhelp.com/ <p>Yeah, you may need to use the "gform_page_loaded" hook to get the jQuery to 're-fire' when you page through a multi-page form.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_page_loaded" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_page_loaded</a> </p> https://legacy.forums.gravityhelp.com/topic/position-field#post-31796 Fri, 05 Aug 2011 02:58:10 +0000 Richard Vav 31796@https://legacy.forums.gravityhelp.com/ <p>Kevin, thanks for taking a look, I have found a way of adjusting the left position of the field using the code below, the only problem is it only works if both elements are on the same page of the multipage form, which they aren't so I guess I still have a bit more work to do to get it to function as I want.</p> <pre><code>$(&#39;#choice_5_2&#39;).click(function() { $(&#39;#field_8_9&#39;).css(&#39;left&#39;, &#39;200px&#39;);});</code></pre> https://legacy.forums.gravityhelp.com/topic/position-field#post-31765 Thu, 04 Aug 2011 17:01:29 +0000 Kevin Flahaut 31765@https://legacy.forums.gravityhelp.com/ <p>Yeah, that's going to be hard to pull off. If the fields were children or siblings of the actual checkbox input, then you could use the "checked" pseudo-selector in CSS to maybe get it done. </p> <p>I'll take a few minutes and see if I can offer any way to do with just CSS, but you're probably going to have to write some jQuery to change the class name on each element based on the selection to make it work the way you describe. </p>