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!
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.
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.
Can anyone help me?
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>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 */
}The styling you add will be added to your theme's stylesheet.