Tabular Layout « Gravity Support Forums

Tabular Layout

Gravity Support Forums » Plugin Support » Gravity Forms

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 10 years ago on Tuesday April 30, 2013 | Permalink
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 10 years ago on Tuesday April 30, 2013 | Permalink