m_batchelor
Member
Can anyone tell me how I can edit the Name and Address sections of a form. At the moment the First, Last, City etc titles are below the text boxes but I would like the label to be above the text box. Also is it possible to make certain parts of the address field none compulsary.
Thanks
There is no way to automatically change the sub-labels via a setting, but you can find out more info on getting that to work via jQuery by starting here:
http://www.gravityhelp.com/forums/topic/change-position-of-sub-labels-on-advanced-fields
For the address validation piece you can find more info on that via this thread:
m_batchelor
Member
I have tried that and it does not work. Can you look at this again please. It seems strange to put it below the box in the first place. it is important that this is sorted out very soon.
<?php wp_enqueue_script("jquery"); ?>
<?php
wp_head();
?>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.gfield_description').each(function(i,e){
fielddesc = jQuery('<div>').append(jQuery(e).clone()).remove().html();
jQuery(e).siblings('label.gfield_label').after(fielddesc);
jQuery(e).remove();
});
});
</script>
Got a link to your form page by chance?
Placing this worked for me:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.ginput_container label').each(function(i,e){
fielddesc = jQuery('<div>').append(jQuery(e).clone()).remove().html();
jQuery(e).siblings('.ginput_container input').before(fielddesc); //moves sub label above input fields
jQuery(e).siblings('.ginput_container select').before(fielddesc); //moves sub label above select fields (e.g. country drop-down)
jQuery(e).remove();
});
});
</script>You also seem to have some odd JS error here too (i dont think its related to this, but wanted to point it out nonetheless). The formatting is a bit off, with a paragraph element inside the script tag and such.
Try dropping this in to your theme's stylesheet:
[css]
#input_1_2_6 {
margin-top: 36px;
}Hmm, not sure. One of our other users has used this with no isses, see screenshot (did not want to post their URL they sent via email):
Has to be something with your theme or potentially another script or plugin. I did notice a blank paragraph tag below the select - that our other user's site does not have:
That's about the only discrepancy I can see from this high level.
TheTyke
Member
Hi
Tried the snippet of code and it works fine, but it has a knock on effect when I am using products and total. It stops the total function working and messes with the css.
An example of the issues can be found here.
http://www.mad99.co.uk/5-page-website-order-form/
I know having the field labels below might seem like a minor irritation to some, but I find it really annoying!!!!