Larsname
Member
I am using the css ready class for my form. They are displaying right in the preview but they are not displaying right on the page. I am using studiopress genesis framework with a mod of the sleek child theme. I looks like Gravity Forms is putting div block between gf_left... and gf_right... items.
Link http://www.bigprintinc.com/new/main/attorder
Can I get a little help?
Well, since it's displaying properly in the preview page and not in your theme, that indicates it's a problem with your theme and not the default form styles. I poked around and found the source of your alignment issue.
If you disable the margin properties on lines 1755 & 2960 of your theme's style.css file, you'll see that the default form styles work as intended.
screenshot: http://bit.ly/paPdt8
If you add extra margins/padding to the left & right sides of the containing list items, that' throws off the percentage width values that are assigned to them by default and you get the odd "stacking" floats that your seeing.
Larsname
Member
Brilliant. Thanks for the quick response.
I have 3 other questions.
1. Where do I add more top margin to the gsections and take 20px or so from the right side of the horizontal line.
2. I want to prefill the "System Generated Ship Date" to be 4 days into the future from the "Date" field on the top line of the form?
3. Is there a built in Reset Form field button?
Thanks
1. Where do I add more top margin to the gsections and take 20px or so from the right side of the horizontal line.
You can find samples to target all of the form elements including the section containers with CSS here.
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Section_Break_Container
2. I want to prefill the "System Generated Ship Date" to be 4 days into the future from the "Date" field on the top line of the form?
You can add settings to set a future date to the jQuery UI datepicker element but you can't actually link the 2 date fields right now without writing some custom code to do so. We do plan on adding a date range field type in the future with some options but for now you'll have to do some customizations to pull it off
http://www.gravityhelp.com/forums/topic/default-date-90-days-in-future#post-28133
3. Is there a built in Reset Form field button?
No, there's no built in reset button but you can add one easily enough with a HTML field.
http://www.gravityhelp.com/forums/topic/reset-form-button#post-13499
1) To style any form element you would add custom CSS to your themes stylesheet that targets and styles the form element however you want. There is a documentation page with examples on how to target specific form elements here:
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
2) If you want to dynamically populate a field you would have to do so with custom PHP you add to your themes functions.php file to dynamically populate the form field. There is a tutorial on how to dynamically populate a field here:
http://www.gravityhelp.com/documentation/page/Using_Dynamic_Population
3) There is no Reset button. It could only be added as a customization, although for most forms they are typically not very useful which is why it isn't currently an option.
Larsname
Member
Hi Your help has been great.
As to the original question - my customer called and said that the the form was still misaligned. So I had her send me a screenshot that you can see at the following link:
I have added screen shots from my computer so you can see what I am experiencing.
Link to form page page is: http://bit.ly/qr2k2P
Any help you can give here is appreciated
Thanks
I'm not seeing this issue when I go to the page here: http://www.bigprintinc.com/new/main/attorder the form looks fine.
It's possible that different browsers are reacting to the invalid HTML differently. Taking a look at the source of this page I see this invalid HTML on line 72:
<table<br />
Try fixing that (get rid of the invalid opening table tag altogether) and see if it looks better in IE.
