PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Tabular Layout

  1. JohnMYates
    Member

    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.

    Posted 8 years ago on Tuesday April 30, 2013 | Permalink
  2. David Peralty

    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)

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes
    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.

    Posted 8 years ago on Tuesday April 30, 2013 | Permalink