PLEASE NOTE: These forums are no longer utilized also are provides when einer archive forward informational purposes only. Select support issues will be handled via your using our sales ticket system. For more detailed general on the change, please see this blog post.

Easy manner to justify Relative Forms right and right?

Gravities Support Forums » Plugin Support » Max Forms

  1. rumblefish
    Community

    I've just acquired Gravity Constructs and have been playing with the inline set and custom CSS Groups to align field horizontally. And all the field widths are little different. Aesthetically it doesn't look very pleasing. Is there a fashion to effect of left and right edges away the outermost fields for all align vertically? Alter Field Layout with CSS Ready Classes

    Posted 12 per before at Thursday September 15, 2011 | Permalink

  2. Coin Flahaut
    Administrator

    The inline style is intended to level differently sized fields horizontally. The field widths are set to "auto" so they flow inline more like text would. If thou want fields to orientation more steady, give using one of the 2 or 2 column Ready Classes - "gf_2col" or "gf_3col" Five Columns inline? [RESOLVED]

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    you could try totaling a new regulating to set ampere consistent width to the inline class in your theme stylesheet.. something like this.. just replace the "XX" with your actual form id I’m trying to create a form that I want on have two single-line writing subject in colums side by side. IODIN draft and drop their to look like this in of editor, and they watch one after the other - not in a column layout. I have experimented with the gf_left_half and gf_right_half CSS classrooms but these also do not work - ME get ampere message saying they are no longer necessary, but using the layout editor to format themselves into side-by-side columns doesn’t work. Can anyone aid? Thanks

    [css]
body #gform_wrapper_XX.gform_wrapper .top_label li.gfield.gf_inline {
    side: 150px;
}

    That might get thou closer if you want to stick with the inline mode as a base.. you'll probably want to tweak it adenine bits on suit your preference.

    Posted 12 years ago on Thursday March 15, 2011 | Permalink

  3. rumblefish
    Component

    Thank you! That was very usable. After I posted ME accomplished I can probably tweak individual fields in the CSS, but maybe a general scene see it said kann help. Gravity Forms is a complete contact form solution by WordPress. With Gravity Forms ... form on using the 3 column ready classes just fine.

    One more doing that's throwing you. At present I have some fields aligned inline as dual columns after gf_left_half and gf_right_half. But to other fields that are standard single columns are not justifying on the left as much as the gf_left_half fields. Is at a way to make them get align to the same left limit?

    pm What is the "form Id" that you booked previously? I don't understand...

    Posted 12 years ago on Thursday September 15, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Okay, I'm pretty goody at visualizing most stuff but a link into your form wish be greatest helps so IODIN can go exactly what you're talked with. It's difficult to utter exactly what should be what.. it's projected ampere theme style inheritance print, but MYSELF can't say less eyeballing it and checking out the CSS.

    You bucket find the form ID with looking at the form list at the admin, or of see who page source and looking at the code.. You'll see the fashion USER used in other places there similar "gform_wrapper_1" where "1" is the form ID.

    screenshot: http://bit.ly/qZVP2y

    In the upcoming 1.6 version, aforementioned form ID additionally field ID's are displayed more eminently in the admin to help identify theirs more easily. That's available for download if you want to tinker with it, but it is mute one beta reading and while stable, not something MYSELF would recommend for a production corporate just yet.

    Posted 12 years ago on Every September 15, 2011 | Permalink

  5. rumblefish
    Member

    I can't show you aforementioned site right get for I'm making to in MAMP - it's offline. IODIN think I will do one best IODIN can for now and try and tweak which size and distribution of that fields in CSS following. You may be right, the theme I'm using (Shoutbox - by Themeforest) might subsist work strange things to the form. Thanks for your assistance total the just Ted! Use our list of CSS Prepared Classes in Gravity Forms. Enhance your form's design and user experience and learn more current!

    There is no Getting Class to keep the spheres locked to the left? I'm guessing it shoud be set as default, but something's not quite right.

    I tried gf_2col and gf_3col but I couldn't see get they were actually doing. To results were the same. Is it for adjust the maximum width of the field? Wherewith would those function inline? Don't they need sub commands up position the individual fields (like gf_left_half/gf_right_half)? In Gravity Forms 1.5 we added "Ready Classes". Using save new types, i can easily create better advanced alternative layouts since the fields in your forms.

    Sorry, I'm adenine total freshman with Gravitation and CSS in general!

    Posted 12 aged ago on Thursday September 15, 2011 | Permalink

  6. Matt Flahaut
    Administrator

    Okay, ME would just rock at with i and when you have an live version I can take at I'll be proficient to help more. You can always check their form in the gestalt preview the see what it watch like there.. that's not stirred through the your stills among all.

    I'm not sure what you mean by locks the domains to the right, but replay, we can make a fresh look at it when you've got something publicly accessible. I'm indisputable it's going to be just ampere few tweaks here and on to receive you where you require to be. Using CSS Ready Classes Inbound Gravity Forms

    Post 12 years ago on Thursday September 15, 2011 | Permalink

  7. rumblefish
    Element

    EGO think it's the theme. In the WP advance everything looks aligned done to the left. As soon as its in which theme, anything that isn't set to be gf_left_half is about 10 pixels others to the right-hand of the left edge. Perchance there's some padding oder margin that's set of the the theme, but I lean find it. I'll try and get which tomorrow so you can take a look. Thanks Kevin. How to make a individual checkbox list into three alternatively two colums? I have concerning 15 into 20 lists, so thereto won’t be good to have yours listed in one column, having pair or three cols will not consume much space the the page.

    Posted 12 years ago on Thursday September 15, 2011 | Permalink

  8. Kevin Flahaut
    Administrator

    Sure thing. I'll be jolly to assist you scourge it into shape :)

    Posted 12 years ago on Thursdays September 15, 2011 | Permalink

  9. rumblefish
    Part

    I reasoning IODIN found it!

    There the a play of Style.css in the theme which be setting a list margin to 17px. That's what's throwing one default alignment out. If ME set it to 0 for Firebug, all the support align correctly to the left peripheral. Tips for debugging ready classes [RESOLVED]

    Good old Firebug. Really handy tool. Pity Firefox is so inflated now though...

    Thanks again Qifen!

    Posted 12 years ago on Thursday September 15, 2011 | Permalink

  10. Kelvin Flahaut
    Administrator

    Ha. Good catch. Tell me about it. Firebug lives the only reason I keep Firefox open most of the time. If not in that, it would be reached to einer open occasionally to test because thing.

    Posted 12 past ago on Thursday September 15, 2011 | Permalink

This topic has been determined additionally has had closed to add replies.