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.

Class For List Field

Gravity Support Forums » Plugin Support » Gravity Forms

  1. tiagoabastos
    Member

    Hello,

    I have a field of type LIST in my form ({Crossover In Pulley - Variables: 7:}) with 3 columns ("Column 1", "Column 2" and "Column 3") and 1 line.
    I wonder how to get the confirmation message, I can put a table with the values ​​divided:

    <table>
    <tr>
    <td> Column 1: Value </ td>
    <td> Column 2: Value </ td>
    <td> Column 3: Value </ td>
    </ tr>
    </ table>

    By default, the values ​​appear together in a single line, and I do not want that!

    I hope someone can help me. Thank you!

    Posted 12 years ago on Tuesday March 19, 2013 | Permalink

  2. Chris Hajer
    Key Master

    What merge tag are you using to get the values into the confirmation now? Also, can you share a link to the page on your site where the form is embedded, so we can see the confirmation ourselves? Thank you.

    Posted 12 years ago on Tuesday March 19, 2013 | Permalink

  3. tiagoabastos
    Member

    Hello, thanks for replying!

    Below is the link to the example. I want to have a result on the page as shown in the picture.

    http://monstermusclemag.com.br/teste-2/

    Posted 12 years ago on Tuesday March 19, 2013 | Permalink

  4. tiagoabastos
    Member

    Can anyone help me?

    Posted 12 years ago on Wednesday March 20, 2013 | Permalink

  5. Chris Hajer
    Key Master

    What merge tag are you using currently to output the list items? If I missed that in a previous post of yours, I'm sorry. By default, the merge tag will output a table of the submitted values, just as you showed in your example. Here is the data from a submission I made with 3 columns (just one row.)

    [html]
<table class='gfield_list'>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>BBQ Ribs</td>
<td>BBQ Pork</td>
<td>BBQ anything really</td>
</tr>
<tbody></table>
    Copy

    Screenshot: http://minus.com/lbhNCR359FJpsm

    Is that not happening for you?

    If you want the output to look exactly like your gif, you will need to style the table output. You can target the table like this:

    [css]
table.gfield_list {
/* styles for the whole table here */
}
table.gfield_list tr {
/* styles for each row */
}
table.gfield_list th {
/* styles for the header row */
}
table.gfield_list td {
/* styles for each data cell */
}
    Copy

    The styling you add will be added to your theme's stylesheet.

    Posted 12 years ago on Saturday March 23, 2013 | Permalink