Hi,
I want to put Time and date horizontal instead of vertical, is it possible to place fields next to each other?
(Like name and last name are by default).
Don't have a link to a form atm where I can show it. Here link where you can see my template tough: http://hvbavexpress.nl/contact/
Regards,
Hvb
Yes, you can view the source, get the ID's of the containing list items in the markup, then use CSS to float them side by side.
There are multiple examples of how to to do this throughout the forums. You can search for keywords like inline, float, columns, etc. to find them
http://forum.gravityhelp.com/search.php?q=inline+float
an example from just yesterday..
http://forum.gravityhelp.com/topic/left-align-label-and-2-column-after-first-few-rows
Without seeing your form though, I can't really give you any specific guidance.
http://hvbavexpress.nl/2010/10/inhuur-aanvraag/#more-140 I made the form I was talking about, time and dates are connected so I want them next to each other.
The page you linked to returns a 404 error.
Abit late on the reply (been away for a week) but I got a link that should work for you: http://hvbavexpress.nl/testgf/ the thing I want to do is put the time and date next to each other (so people know they are connected like I explained above.
Hi hvb, something like this should do the trick:
#field_4_6 { float: left; clear: left; } /* date field */
#field_4_7 { float: left; clear: right; } /* time field */
#field_4_21 { clear: both; } /* html field acting as divider */Place this code in your theme's styles.css file. Using this as a template, you can copy, paste, and replace the field ids for each of the other fields using this pattern in the form.
This only fixed the problem for my first date and time, I have more forms tough (with date and time on same field) but it didn't change there. Is there a way so this apply's to all my forms? (I don't know if this matters but all the dates and times are on the same level as on the test link)
Yep. The example code was intended to serve as a base to work from. If you view the source of your form page, you can see the list item (< li >) that encases each field. By using CSS to target the ID of the desired list item, you can alter how it is displayed. Just copy, paste, update the IDs and win!
I'm trying to do the same thing, I want a simple email + zipcode + submit on one line. Can anyone help?
http://www.serviceteamtraining.com/ look under "Training Cost Benefit Analysis [pdf download]" towards the bottom of the page.
You can see another form below that represents what I need. I made this form in another program, but would like to use gravity forms.
http://www.serviceteamtraining.com/ look under "Training Cost Benefit Analysis [pdf download]" towards the bottom of the page.
I'm making progress, but can't get the submit button to line up with the fields - any ideas?
http://www.serviceteamtraining.com/formatting-example.jpg
try adding this
body #gform_wrapper_1 .gform_footer input.button {margin-top:20px}
just tweak the value to your preference.
Here's my test screenshot
Perfect, thank you, thank you, thank you! I can now go on to make about 15 more like these.
You're very welcome. Have a great evening.
