https://legacy.forums.gravityhelp.com/tags/inline Gravity Support Forums Tag: inline - Recent Topics en-US Mon, 20 Apr 2026 00:59:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-forms-side-by-side-fields#post-315924 Mon, 10 Jun 2013 18:34:37 +0000 rd458 315924@https://legacy.forums.gravityhelp.com/ <p>I just bought Gravity Forms Developer. Sweet looking product so far. I'm looking to add some styling to my form and not sure how to go about doing it. I looked around in the forum but didn't really find an answer. I'm comfortable with CSS.</p> <p>1. I'd like to style two single-line text fields to be side-by-side. Currently they are stacked vertically. Can I just add some custom CSS to my custom CSS field of my WP theme, in order to make two consecutive fields appear next to each other?</p> <p>2. I'd like to break up sections of fields by enclosing them in a box. For instance:<br /> field 1, 2, and 3 would be enclosed in a simple border: 1px solid #000; box. Then have fields 4, 5, 6 and 7 in a separate box. How can I achieve this?</p> <p>Thank you. </p> https://legacy.forums.gravityhelp.com/topic/inline-confirmation-buttomn#post-268680 Wed, 22 May 2013 16:32:41 +0000 stefanoferruggiara 268680@https://legacy.forums.gravityhelp.com/ <p>I see that there's a way to set a css code for have inline filed but not the confirmation button.<br /> Someone can explain to me how i set this, please?</p> <p>PS: Applied to a specific form, not all the module </p> https://legacy.forums.gravityhelp.com/topic/different-field-layout#post-268371 Wed, 22 May 2013 13:06:38 +0000 dutch7773 268371@https://legacy.forums.gravityhelp.com/ <p>I am looking for a way to free format fields, for instance inline fields within text in an HTML box. I need to have some text with a field for price and name that people need to fill out.</p> <p>Also would like to have more control over layout, like fields from left to right instead of all on a different line. Maybe it is possible with a simple command but having the labels on the same line as the field is something I need too.</p> <p>Hopefully there are any bright minds out there coming to the rescue. Have been using gravity forms to great satisfaction, but now I am getting in more complicated layouts for forms and hitting a wall. Thanks!</p> <p>Dutch </p> https://legacy.forums.gravityhelp.com/topic/display-datepicker-inline#post-19443 Fri, 25 Feb 2011 20:12:06 +0000 kebab2kuk 19443@https://legacy.forums.gravityhelp.com/ <p>Hi, I hope you can help.</p> <p>I need to display the datepicker on a form inline. Basically so the calendar is always on show. </p> <p>I have found the following description on how to do this:<br /> "Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input." from here: <a href="http://jqueryui.com/demos/datepicker/#inline" rel="nofollow">http://jqueryui.com/demos/datepicker/#inline</a></p> <p>Could anyone advice on which files need modifying to achieve this or would doing this just be a nightmare. Is there any tricks I could use through css? I don't see it being a problem applying this to all date-picker fields.</p> <p>Your advice will be very much appreciated.</p> <p>Steve </p> https://legacy.forums.gravityhelp.com/topic/create-simple-inline-email-form-positioning-submit-button#post-155241 Tue, 26 Feb 2013 16:33:32 +0000 tylertervooren 155241@https://legacy.forums.gravityhelp.com/ <p>Hi guys,</p> <p>I need some help figuring out how to position the submit button for a form that needs to be inline (all fields + submit button on same line) over here:</p> <p><a href="http://brewponydev.wpengine.com/coming-soon" rel="nofollow">http://brewponydev.wpengine.com/coming-soon</a></p> <p>I can sort of figure out how to do it myself, but things start to break with validation errors and moving the submit button with big margins definitely makes things go wonky with responsive design.</p> <p>What's the *right* way to do this?</p> <p>Thanks,<br /> Tyler </p> https://legacy.forums.gravityhelp.com/topic/css-ready-class-for-inline-submit-button#post-157214 Thu, 28 Feb 2013 22:35:43 +0000 jb510 157214@https://legacy.forums.gravityhelp.com/ <p>Is there a CSS Ready class that wil put the submit button inline?<br /> I've read through: <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a><br /> and form.css but it looks like there isn't. </p> <p>Writing the CSS to customize the form myself isn't a problem, just seems bizarre there isn't an ready class or example in the docs. </p> https://legacy.forums.gravityhelp.com/topic/label-field-and-submit-button-all-in-one-line#post-150474 Tue, 19 Feb 2013 21:58:28 +0000 Emily 150474@https://legacy.forums.gravityhelp.com/ <p>What would I use to accomplish this::<br /> Form label 'Email' - email field - 'Submit' button all in one line.<br /> I have the button in place - not sure how to force the email label and field to be in one line with it however. I am sure there is someone who knows exactly how to do this so I thought I would ask before spending hours trying to do it! :) THANK YOU! </p> https://legacy.forums.gravityhelp.com/topic/jquery-async-issues#post-149643 Mon, 18 Feb 2013 20:58:59 +0000 Dewey Bushaw 149643@https://legacy.forums.gravityhelp.com/ <p>When you load jQuery with the async option the GravityForms inline scripts (even when loaded with add_filter("gform_init_scripts_footer", "init_scripts"); ) fire off before jQuery is loaded (due to the nature of async).</p> <p>This causes jQuery to be undefined when the script runs. Is there anyway to make the JS GravityForms runs not inline? </p> https://legacy.forums.gravityhelp.com/topic/misaligned-labels-on-checkboxes-using-inspiration-theme#post-134258 Mon, 28 Jan 2013 17:45:00 +0000 jonneebee 134258@https://legacy.forums.gravityhelp.com/ <p>I have read all the topics closely related to this that I could find on here but none of the solutions seemed to work for me. I have a form on the following site that has misaligned checkbox labels. <a href="http://advisorpr.com/get-started/contact-us/" rel="nofollow">http://advisorpr.com/get-started/contact-us/</a> I cannot figure out how to adjust the css correctly to make the labels inline with the boxes.</p> <p>Any chance someone out there could point me in the right direction?</p> <p>Thanks so much! </p> https://legacy.forums.gravityhelp.com/topic/field-widthpadding-display-in-firefox-only#post-86634 Fri, 02 Nov 2012 10:38:28 +0000 Hard Boiled Greg 86634@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I have my form looking exactly how I'd like it in Chrome, but the field lengths and alignment look wonky in Firefox. Displays OK in Safari (Windows) and IE too.</p> <p>What could I be overlooking?</p> <p>Page located here: <a href="http://earnest.pvmdemo.com/" rel="nofollow">http://earnest.pvmdemo.com/</a></p> <p>Thank you,</p> <p>Greg </p>