Gravity Support Forums Tag: layout

Gravity Support Forums Tag: layout - Recent Posts https://legacy.forums.gravityhelp.com/tags/layout Gravity Support Forums Tag: layout - Recent Posts en-US Sun, 19 Apr 2026 21:38:57 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php David Peralty on "Tabular Layout" https://legacy.forums.gravityhelp.com/topic/tabular-layout#post-231206 Tue, 30 Apr 2013 14:51:09 +0000 David Peralty 231206@https://legacy.forums.gravityhelp.com/ You can't easily create a table layout like this in Gravity Forms and you would have to create custom Javascript to limit the selection of only one radio button selection allowed, as there isn't a way to do that within Gravity Forms using the layout you've designed. You could do something more like: Product Field - $0 Option Field - Radio Type - Two column using our CSS ready class: 23 x 34 | Black& White | @ £40.00 / 23 x 34 | Black& White | @ £32.00 35 x 54 | Black& White | @ £50.00 / 35 x 54 | Black& White | @ £42.00 47 x 74 | Black& White | @ £60.00 / 47 x 74 | Black& White | @ £52.00 59 x 94 | Black& White | @ £70.00 / 59 x 94 | Black& White | @ £62.00 (sorry about the formatting) <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a> gf_list_2col Then because they are all part of the same radio button group, the user would only be able to select one value. JohnMYates on "Tabular Layout" https://legacy.forums.gravityhelp.com/topic/tabular-layout#post-231152 Tue, 30 Apr 2013 13:38:21 +0000 JohnMYates 231152@https://legacy.forums.gravityhelp.com/ Is it possible to layout the form (or one part of it) as a table? Columns 4 & 5 are two options of a radio button field so only one can be on Columns 1, 2 & 3 are text entered when creating the table (hard coded) not entered by the user. So, in a simplistic view (imposed by this edit box) where the @ symbol is used to represent a radio button... TYPE | SIZE | STYLE | PRICE 1 | PRICE 2 Option 1 | 23 x 34 | Black& White | @ £40.00 | @ £32.00 Option 2 | 35 x 54 | Black& White | @ £50.00 | @ £42.00 Option 3 | 47 x 74 | Black& White | @ £60.00 | @ £52.00 Option 4 | 59 x 94 | Black& White | @ £70.00 | @ £62.00 The form user can only select one option from all 8 radio buttons on show. Richard Vav on "ADD DESIGN & CSS to make it easy to style" https://legacy.forums.gravityhelp.com/topic/add-design-css-to-make-it-easy-to-style#post-224891 Fri, 26 Apr 2013 03:24:45 +0000 Richard Vav 224891@https://legacy.forums.gravityhelp.com/ <blockquote>I just want a simple text in the field, and when i click it - i want it to go away</blockquote> that sounds like the placeholder attribute which was introduced in html5, it disappears when the user starts typing in the field, it's not available out of the box in gravity forms yet, but it can be accomplished by either using a plugin <a href="http://wordpress.org/extend/plugins/gravity-forms-placeholders/" rel="nofollow">http://wordpress.org/extend/plugins/gravity-forms-placeholders/</a> <a href="http://wordpress.org/extend/plugins/gravity-forms-auto-placeholders/" rel="nofollow">http://wordpress.org/extend/plugins/gravity-forms-auto-placeholders/</a> or if you only have a few fields a bit of jQuery would accomplish it as well, the following example would add the placeholder Name to field 1 of form 5 <pre><code><script> jQuery(document).ready(function($){ $('#input_5_1').attr('placeholder','Name'); }); </script></code></pre> Regards, Richard -- Just another member of the community helping out where I can AlikA on "ADD DESIGN & CSS to make it easy to style" https://legacy.forums.gravityhelp.com/topic/add-design-css-to-make-it-easy-to-style#post-224508 Thu, 25 Apr 2013 21:23:41 +0000 AlikA 224508@https://legacy.forums.gravityhelp.com/ Love the Plugin, love the conditional logic, love the pre made classes. all the Brains are there! But Styling Gravity forms has been the hardest thing i have ever come across! It is Incredibly difficult to style!!!! I just want a simple text in the field, and when i click it - i want it to go away. (not to much to ask - I am actually considering back to contact form7 due to just that feature) some pre defined themes would be great. the ability to add images to fileds as backgrounds or icons. FOR THE LOVE OF CHRIST... Allow us to make hidden titles! In the words of Steve jobs: Design is not only how it looks but alos how it functions... but the ability to make it look and therefore function is Much too limited! I have had to go from one web developer to the other to give me a quote on styling gForms, but no-one will take it! No one want to get their hands dirty with the styling. I have Styled the and < li > classes on one of my themes and now Gravity forms is in the terms of design. So here is my plea - Get some good UI designers and make an added section to the plugin called Style - Allow users to pick predefined, or make their own styles, save and share them... Chris Hajer on "description placement above the field?" https://legacy.forums.gravityhelp.com/topic/description-placement-above-the-field#post-185582 Tue, 26 Mar 2013 12:39:23 +0000 Chris Hajer 185582@https://legacy.forums.gravityhelp.com/ Any one of your theme's stylesheets. If you go to Appearance and then Editor in your wp-admin, you should be able to add this code to a stylesheet called 'style.css'. Every theme is different though, and there may be a place in your theme where they want you to add custom CSS, maybe a theme options page. Without knowing your theme, it's hard to say where you need to add it exactly. durand_o on "description placement above the field?" https://legacy.forums.gravityhelp.com/topic/description-placement-above-the-field#post-185542 Tue, 26 Mar 2013 12:21:19 +0000 durand_o 185542@https://legacy.forums.gravityhelp.com/ I'm sorry, but where would I ad this new code? Just wondering what type of stylesheet I should be looking for... Thanks! Chris Hajer on "description placement above the field?" https://legacy.forums.gravityhelp.com/topic/description-placement-above-the-field#post-185356 Tue, 26 Mar 2013 10:02:40 +0000 Chris Hajer 185356@https://legacy.forums.gravityhelp.com/ Those sublabels are not normally so far away from the inputs. That is being done by some CSS in your theme's stylesheet. Line 130 in this file <a href="http://74.54.146.34/~durando/talkmortgages.ca/wp-content/themes/avamys/css/base.css?ver=3.5.1" rel="nofollow">http://74.54.146.34/~durando/talkmortgages.ca/wp-content/themes/avamys/css/base.css?ver=3.5.1</a> <pre><code>[css] input[type="text"], input[type="password"], input[type="email"], textarea, select { display: block; margin: 0 0 20px; outline: medium none; padding: 6px 4px; }</code></pre> You can override that by adding this to one of your theme's stylesheets. <pre><code>[css] body .gform_wrapper form input { margin-bottom: 0px; }</code></pre> Screenshot: <a href="http://minus.com/lbj2NztkVca3Bw" rel="nofollow">http://minus.com/lbj2NztkVca3Bw</a> If you want to put the sublabel above the input, with the regular label, we can do that too, but it might be confusing to have two labels above the field for some fields. Sometimes people put the label inside the field as a placeholder, then move the sublabel above the input. If you want to go that direction, we can help with that as well. durand_o on "description placement above the field?" https://legacy.forums.gravityhelp.com/topic/description-placement-above-the-field#post-184829 Tue, 26 Mar 2013 01:48:30 +0000 durand_o 184829@https://legacy.forums.gravityhelp.com/ Have been looking around but can't seem to find the easy solution. I simply want to make the description placements for address and name ABOVE the field, instead of below. As you can see here, the way its layed out at the moment makes things very confusing <a href="http://74.54.146.34/~durando/talkmortgages.ca/apply-online/" rel="nofollow">http://74.54.146.34/~durando/talkmortgages.ca/apply-online/</a> Great form builder though I must say!! Chris Hajer on "Grid of number fields" https://legacy.forums.gravityhelp.com/topic/grid-of-number-fields#post-160471 Tue, 05 Mar 2013 00:41:07 +0000 Chris Hajer 160471@https://legacy.forums.gravityhelp.com/ The list field currently allows for text or drop down, not the multi-select field. That can be configured using the gform_column_input filter: <a href="http://www.gravityhelp.com/documentation/page/Gform_column_input" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_column_input</a> Someone also modified it to use a textarea, but that is not what you're looking for I don't think. EBgravityforms on "Grid of number fields" https://legacy.forums.gravityhelp.com/topic/grid-of-number-fields#post-156421 Thu, 28 Feb 2013 01:24:55 +0000 EBgravityforms 156421@https://legacy.forums.gravityhelp.com/ No worries, thanks for the reply. Looking through your posts, I realized there might be an easier way to tackle my issue. Is there a way to use the "list" feature with columns but use other fields as the columns like a multi select box? Basically I have a list of products with different sizes. I want to make the form as clean as possible. Right now they are using a table/grid with the product name on one axis and the size on the other. If the size is available for that product there is an input field where they meet. Then they can enter the number (quantity) in that field. Originally I was going to duplicate this if possible but it would be nice to use that add row feature to do the following: - The user selects the product with the Multi Select Box (using enhanced interface) - Then selects size based on availability - Then inputs the amount. If the user wants they can click the + to add a new row of the above fields. is this possible, if not can you recommend the best route for this?