[Resolved] Styling placeholder %%FORM_DATA%% in Toolset Forms notification

[Author]

Posts

[beatR]

i need to style the output of %%FORM_DATA%% in the notification mail. basically just changing the background/font-color. how can i do this?

Thanks!

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

You need to format the email message with HTML tags, Please check the following links that may help you:
=> hidden link
=> https://wordpress.stackexchange.com/questions/27856/is-there-a-way-to-send-html-formatted-emails-with-wordpress-wp-mail-function

Maybe you should try to add inline CSS within your email body - for example:

  <div style="background:red;">
  	This is good man
  </div>

[beatR]

Hi Minesh

i don't think that's it. i need to format the output of the Toolset placeholder %%FORM_DATA%% (just change the background-color and font-color).

so, the question is, where does the styling come from currently and how to i overwrite it?

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

I understand your concern but to change such styling you need to add fields manually:

%%FORM_DATA%% is a placeholder and its a string so you do not have any control to change any style there.

If you want to change such style, you need to design your output I mean you need to format the whole post body with lable and fields and add
your required style accordingly:
For example:

<table style="position:relative;width:100%;">
<tbody>
<tr>
<td style="background:#676767;font-weight:bold;color:#e1e1e1">Field Label</td>
<td style="background:#ddd;font-weight:normal;color:#121212">[types field="my-custom-field1"][/types]</td>
</tr>
<tr>
<td style="background:#676767;font-weight:bold;color:#e1e1e1">Field Label</td>
<td style="background:#ddd;font-weight:normal;color:#121212">[types field="my-custom-field2"][/types]</td>
</tr>
</tbody>
</table>

Something like above where you should change the CSS style attribute to change the font and color.

[beatR]

thats not really a solution. Replacing a Placeholder/Shortcode with manually created output for each field is not an option. but i get that there isn't really a way to style the output of the placeholders. would be a suggestion for the future 🙂
But it's not really that much of an issue. in our case, the customer prints every email, so the background is moisting the sheets.... but i'll tell him that he has to live with it..