Skip to main content
Nintex Community Menu Bar

CSS styles are not working properly in Nintex workflows

  • May 31, 2016
  • 7 replies
  • 27 views

Forum|alt.badge.img+5

Hello Everyone,

CSS Styles are not working properly using  build string in Nintex workflow. The same code works fine and looks good in a normal browser(IE).

Any one have any idea. give me the reply. That could be very helpfull to me.

Thanks,

Santhosh.

7 replies

Forum|alt.badge.img+11
  • Nintex Partner
  • June 7, 2016

Hi,

could you share with us some screenshot of the problem? I assume that in a build string you are building some html with inline css styles, where are you outputting that html? in a column, in an email, in a document?

Giacomo


Forum|alt.badge.img+5
  • Author
  • June 7, 2016

Hi Gelosi,

Thank you for your reply. below is the screenshot's. please find out.

1).below screenshot is giving correct output.

Normal_Browser.PNG

2) i have written below code in build string, and save it variable.

<doctype html>

<html>

<body>

<table border="1" width="100%" >

<tr>

<th style="height:30px;background-color:red;">Topics</th>

<th>Contact Person</th>

<th>Designation</th>

</tr>

<tr>

<td>Santhosh</td>

<td>Santhosh</td>

<td>Dev</td>

</tr>

</body>

</table>

output through Send notification:

Email.PNG

  here Designation column went up and height of each column is not correct.

  could you please find out the solution.

Reagrds,

Santhosh.


Forum|alt.badge.img+11
  • Nintex Partner
  • June 7, 2016

Could you inspect the html provided in the email to see if the html is correct?

In addition, in your html code, the first three lines are not required (and the tags aren't closed), could you try to remove them?

  • <doctype html>
  • <html>
  • <body>

Giacomo


Forum|alt.badge.img+5
  • Author
  • June 7, 2016

Hi,

Not working . i removed html tags also. but it's not working

Thanks,

santhosh.


Forum|alt.badge.img+4

If you'd open the source code to your mail you'd notice quite a few <br> tags.

in your build-string, strip away all linebreaks and spaces inbetween tags

So your code would become:

<doctype html><html><body><table border="1" width="100%" ><tr><th style="height:30px;background-color:red;">Topics</th><th>Contact Person</th><th>Designation</th></tr><tr><td>Santhosh</td><td>Santhosh</td><td>Dev</td></tr></body></table>

Also not all style formats work in every mail client: CSS Support Guide for Email Clients | Campaign Monitor

hope this helps


Forum|alt.badge.img+5
  • Author
  • June 10, 2016

Hi Dehaes,

It's working .Thank you .great.

Regards,

Santhosh.


Forum|alt.badge.img+4

Most welcome.

Could you flag this question to 'answered' please?