https://legacy.forums.gravityhelp.com/topic/class-for-list-field Gravity Support Forums Topic: Class For List Field en-US Mon, 20 Apr 2026 10:06:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/class-for-list-field#post-182268 Sat, 23 Mar 2013 18:41:55 +0000 Chris Hajer 182268@https://legacy.forums.gravityhelp.com/ <p>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.)<br /> <pre><code>[html] &lt;table class=&#39;gfield_list&#39;&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Column 1&lt;/th&gt; &lt;th&gt;Column 2&lt;/th&gt; &lt;th&gt;Column 3&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;BBQ Ribs&lt;/td&gt; &lt;td&gt;BBQ Pork&lt;/td&gt; &lt;td&gt;BBQ anything really&lt;/td&gt; &lt;/tr&gt; &lt;tbody&gt;&lt;/table&gt;</code></pre> <p>Screenshot: <a href="http://minus.com/lbhNCR359FJpsm" rel="nofollow">http://minus.com/lbhNCR359FJpsm</a></p> <p>Is that not happening for you?</p> <p>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:</p> <pre><code>[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 */ }</code></pre> <p>The styling you add will be added to your theme's stylesheet. </p> https://legacy.forums.gravityhelp.com/topic/class-for-list-field#post-178253 Wed, 20 Mar 2013 14:13:53 +0000 tiagoabastos 178253@https://legacy.forums.gravityhelp.com/ <p>Can anyone help me? </p> https://legacy.forums.gravityhelp.com/topic/class-for-list-field#post-176762 Tue, 19 Mar 2013 09:46:30 +0000 tiagoabastos 176762@https://legacy.forums.gravityhelp.com/ <p>Hello, thanks for replying!</p> <p>Below is the link to the example. I want to have a result on the page as shown in the picture.</p> <p><a href="http://monstermusclemag.com.br/teste-2/" rel="nofollow">http://monstermusclemag.com.br/teste-2/</a> </p> https://legacy.forums.gravityhelp.com/topic/class-for-list-field#post-176302 Tue, 19 Mar 2013 01:07:35 +0000 Chris Hajer 176302@https://legacy.forums.gravityhelp.com/ <p>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. </p> https://legacy.forums.gravityhelp.com/topic/class-for-list-field#post-175987 Mon, 18 Mar 2013 21:16:11 +0000 tiagoabastos 175987@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>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.<br /> I wonder how to get the confirmation message, I can put a table with the values ​​divided:</p> <p>&lt;table&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt; Column 1: Value &lt;/ td&gt;<br /> &lt;td&gt; Column 2: Value &lt;/ td&gt;<br /> &lt;td&gt; Column 3: Value &lt;/ td&gt;<br /> &lt;/ tr&gt;<br /> &lt;/ table&gt;</p> <p>By default, the values ​​appear together in a single line, and I do not want that!</p> <p>I hope someone can help me. Thank you! </p>