https://legacy.forums.gravityhelp.com/topic/format-all_fields-table-with-css Gravity Support Forums Topic: Format {all_fields}-Table with CSS en-US Mon, 20 Apr 2026 00:58:37 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/format-all_fields-table-with-css#post-211263 Tue, 16 Apr 2013 04:07:27 +0000 Kristof Bernaert 211263@https://legacy.forums.gravityhelp.com/ <p>Hi Hans</p> <p>Did you figured this already out with an own written notification?<br /> Also here we have a quite complicated very long form with a lot of conditional logics.</p> <p>But we want a more simple notification.<br /> But also, we don't want to get the empty fields.</p> <p>Thx for your update.<br /> Kristof </p> https://legacy.forums.gravityhelp.com/topic/format-all_fields-table-with-css#post-70271 Thu, 09 Aug 2012 01:27:24 +0000 Chris Hajer 70271@https://legacy.forums.gravityhelp.com/ <p>There is no possibility to do that currently. You would have to create some sort of function to handle notifications on your own. I have no experience with this as it has not been requested often. I imagine you could use the gform_pre_submission filter to change the autoresponder email.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_pre_submission" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_pre_submission</a></p> <p>The filter has access to the $form object and in there is the autoresponder. <a href="http://www.gravityhelp.com/documentation/page/AutoResponder" rel="nofollow">http://www.gravityhelp.com/documentation/page/AutoResponder</a></p> <p>You could write a flexible function to loop through all the submitted values and always craft your own HTML notification, and not use the built-in notification from Gravity Forms. It would be a lot of work, but you have complete control over the look at that point. </p> https://legacy.forums.gravityhelp.com/topic/format-all_fields-table-with-css#post-70203 Wed, 08 Aug 2012 15:30:51 +0000 hansb_ 70203@https://legacy.forums.gravityhelp.com/ <p>Hello Chris, again thank you very much for your answer. But the solution you described is a per form solution and I would prever a per blog solution for all forms. The disadvantages of your solutions:<br /> * You have to create a html table for every form twice (notification on webpage after form submitting and notification in the email) which is hard to maintain and<br /> * in forms with a lot of conditional logic you will have a lot of "empty" table rows which is hard to read and unreasonable for visitors.</p> <p>Is there a possibility to embed my own php template that renders the {all_fields}-table dynamically (with add_filter or whatever ...)? </p> <p>(I have experience in php and newsletter designing)</p> <p>Thanks a lot, hansb_ </p> https://legacy.forums.gravityhelp.com/topic/format-all_fields-table-with-css#post-70120 Wed, 08 Aug 2012 09:50:00 +0000 Chris Hajer 70120@https://legacy.forums.gravityhelp.com/ <p>If we are talking about the user notification, you can find that on the Notifications tab of the form in question. It looks like this: <a href="http://chrishajer.minus.com/lbp7gnipuLLz1g" rel="nofollow">http://chrishajer.minus.com/lbp7gnipuLLz1g</a></p> <p>In that notification area, you might normally see {all_fields}. You can remove that because you are going to be crafting your one HTML notification. Be sure to check the box "Disable Auto-formatting" as well, since your HTML will not require further processing. Be sure also to use the HTML tab in the visual editor.</p> <p>View the source of an email notification which used {all_fields} in the past, to get an idea of what your custom notification needs to be formatted like. You can copy most of that, and change the items from hard-coded colors and values to classes or whatever you want to use.</p> <p>Then, insert the merge tags from the drop down into your HTML table layout. Your notification area might look something like this once you are done. <a href="http://pastebin.com/kK3MsEem" rel="nofollow">http://pastebin.com/kK3MsEem</a></p> <p>You can then add the CSS styles to your HTML email and style and adjust the layout as you want. It's a lot of work, but you have complete control over the look of the notification. We use a table layout with inline styles because it's supported by most every email client. You can, however, experiment with whatever CSS you want. Here is a really good article from Mailchimp about crafting HTML emails: <a href="http://kb.mailchimp.com/article/how-to-code-html-emails/" rel="nofollow">http://kb.mailchimp.com/article/how-to-code-html-emails/</a></p> <p>My favorite line: "... if you can code your own web page, you can code your own HTML email templates. There is a little catch, though. <strong>You have to code like it's 1996</strong> (explanation later)." </p> https://legacy.forums.gravityhelp.com/topic/format-all_fields-table-with-css#post-70108 Wed, 08 Aug 2012 09:10:48 +0000 hansb_ 70108@https://legacy.forums.gravityhelp.com/ <p>Hello Chris, thanks for your quick answer. I do not find anything in the documentation to this topic. Therefore can you please tell me, were to find the template which is used for the notification mail and notification message on the website - and how to embed a modified template? How can I modify the template update save?</p> <p>Thanks a lot, hansb_ </p> https://legacy.forums.gravityhelp.com/topic/format-all_fields-table-with-css#post-70103 Wed, 08 Aug 2012 08:48:24 +0000 Chris Hajer 70103@https://legacy.forums.gravityhelp.com/ <p>Without modifying the plugin files, you would have to craft your own HTML email notification. You can view the source of a notification email and use that as your template, then make your changes and use that HTML as the basis for your custom notification. </p> https://legacy.forums.gravityhelp.com/topic/format-all_fields-table-with-css#post-70090 Wed, 08 Aug 2012 07:51:57 +0000 hansb_ 70090@https://legacy.forums.gravityhelp.com/ <p>Hello,<br /> I would like to format the notification table which is generated by the {all_fields}-tag with css. The colors of the rows are formated by "tr bgcolor"-attribute, but I would prefer classes like "label", "value" and "odd" and "even" for the table rows.<br /> How can I change this?</p> <p>Thank you for your help, </p> <p>hansb_ </p>