Format [_form_results_] in emails

User 10077 Photo


Senior Advisor
1,096 posts

One of the things that I like about WFB is that I can put [_form_results_] in the email and it will automatically populate it with form fields and data entered. However, I'd like to format it a little more. I looked at the code in the output and it puts it in a table no class associated with the individual cells that I can see.

I know that I can manually output each individual field, but I'm thinking about shortcuts. Is there a way to format the cells of [_form_results_] individually? (Ex: left cell is bold and right-aligned while right cell is normal and left-aligned)
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 187934 Photo


Senior Advisor
20,271 posts

Use in line styling.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 38401 Photo


Senior Advisor
10,951 posts

If you look at the email setups in the Form Builder settings, you'll see that the tables are formatted there. Just follow suit and edit that code as needed and that should take care of it.
User 10077 Photo


Senior Advisor
1,096 posts

In this case, I want to set the left column cells with one width and right aligned and set the right column cells differently.

I looked at the table setups. It provides for this:

table{width:80%;}
td {font-size: 12px !important; line-height: 30px;color: #666666 !important; margin: 0px;border-bottom: 1px solid #e9e9e9;}
td:first-child {font-size: 13px !important; font-weight:bold; color: #333 !important; vertical-align:text-top; min-width:10%; padding-right:5px;}

That lets me control the table, the cells in general and the the first row of cells separately. However, it does not give me control of all the left cells or all the right cells.

ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 38401 Photo


Senior Advisor
10,951 posts

Hmm can't help you there unless you're willing to delve into the code itself (would suggest you make sure your form is fully complete first before this so you don't have to keep redoing it while you test etc. If you want to delve into the code, then find the files that represent the CSS for the form, edit the HTML for the table so that it includes a custom CSS Class that you can create such as:

td.right { info here for this class that you want to style the column with }

Then edit the html fields for the table to include the above class and any others you want to do.

This is about the only way I can see that you can do this as you are unable to specify classes in the settings within the program for custom classes, only the default selectors.

Hope that helps, wish I could be of more help here, but you'll have to dig through the files and find the locations on your own for that. Good luck!
User 10077 Photo


Senior Advisor
1,096 posts

That's what I figured. Thanks for your help. :)
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.