Advertisement
chrishajer

Move address sublabels above inputs

Mar 18th, 2013
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.04 KB | None | 0 0
  1. // for: http://www.gravityhelp.com/forums/topic/address-labels-below-fields#post-175408
  2. // copied from here: view-source:http://dev.calgunsfoundation.org/get-help/hotline/
  3. // discussed here: http://stackoverflow.com/q/15490308
  4. // add the script below to an HTML block in your form
  5. <script type="text/javascript">
  6.   jQuery(document).ready(function() {
  7.  
  8.       jQuery('.ginput_container label').each(function(i,e){
  9.           fielddesc = jQuery('<div>').append(jQuery(e).clone()).remove().html();
  10.           //jQuery(e).siblings('.ginput_container input:email').before(fielddesc);
  11.           jQuery(e).siblings('.ginput_container input:text').before(fielddesc); //moves sub label above input fields
  12.           jQuery(e).siblings('.ginput_container select').before(fielddesc); //moves sub label above select fields (e.g. country drop-down)
  13.           jQuery(e).siblings('.ginput_container .gfield_radio input').after(fielddesc); //keep label above radio buttons
  14.           jQuery(e).siblings('.ginput_container .gfield_checkbox input').after(fielddesc);
  15.           jQuery(e).remove();
  16.       });
  17.  
  18.   });
  19. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement