Move Description Field « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

pagedmedia
Member

I want to move the description field to where it is below the label but above the data entry fields. Ides on how to do that?

Posted 14 years ago on Monday April 26, 2010 | Permalink
Kevin Flahaut
Administrator
you can do this with some jQuery added to your page template, or some CSS tweaking.
```
<script type="text/javascript">
  jQuery(document).ready(function() {
  	jQuery('li#field_1_5 .gfield_description').insertAfter($('li#field_1_5 .gfield_label'));
  });
</script>
```
Just replace the field ID's for your form.

test screenshot

or the CSS method...

http://forum.gravityhelp.com/topic/how-to-create-single-checkbox-that-is-required-for-confirming-tc-for-example#post-2207
Posted 14 years ago on Monday April 26, 2010 | Permalink
pagedmedia
Member

thanks, attempted both... and both attempts failed... grrr... will keep trying.

Posted 14 years ago on Tuesday May 4, 2010 | Permalink
Kevin Flahaut
Administrator

If you would like to post a link to your form, I'd be happy to take a look and see if we can get it to work for you. I'm sure it's something minor.

Posted 14 years ago on Tuesday May 4, 2010 | Permalink
pagedmedia
Member

This is the link to the form.

http://whrwa.com/emilycontest/?page_id=3

Sorry I didn't post sooner - family invaded.

Posted 14 years ago on Wednesday May 19, 2010 | Permalink
pagedmedia
Member

oh... and the descriptions for Category Judging Preferences and Judge Matching: Story Aspects need to be moved be to right below the title.

Posted 14 years ago on Wednesday May 19, 2010 | Permalink
Kevin Flahaut
Administrator
Okay, the easiest and most flexible way to do this is with some jQuery. First of all, remove the CSS/style block you added previously to the page template. Then, put this in the < head> section of your page template (usually page.php)
```
<script type="text/javascript">
jQuery.noConflict();
  jQuery(document).ready(function($) {
    $('#field_1_15 .gfield_description').insertAfter($('#field_1_15 .gfield_label'));
    $('#field_1_11 .gfield_description').insertAfter($('#field_1_11 .gfield_label'));
  });
</script>
```
It worked fine in my test

Also, I noticed you have bullet images showing in your form so you can append this to the end of your theme style sheet and it should make them go away.

.gform_wrapper li, .gform_wrapper form li, .gform_wrapper form ul li { list-style-type:none!important; background-image:none!important}

Let me know how it goes.
Posted 14 years ago on Wednesday May 19, 2010 | Permalink
pagedmedia
Member

Worked out GREAT! THANKS!

Posted 14 years ago on Wednesday May 19, 2010 | Permalink
Kevin Flahaut
Administrator

Wonderful. Thanks for the update.

Posted 14 years ago on Wednesday May 19, 2010 | Permalink

This topic has been resolved and has been closed to new replies.