Support Article
Generated pdf shows table with thick border
SA-32865
Summary
User is shown correspondence through HTML markup in RichTextEditor(RTE) in a section in editable mode. On submitting the flow action, the color code changes from #AEAAAA to rgb(174, 170, 170) and border-width: medium 1pt 1pt; border-style: none solid solid; border-color: currentColor is being added to the TD tag. PDF generated from this markup shows table with thick border. Refer the thick grey border in the below screenshot.
This is observed only in IE11.
Error Messages
TD style is updated as below:
Actual Behavior showing HTML content for the table with medium keyword:
<td style="border-width: medium 1pt 1pt; border-style: none solid solid; border-color: currentColor rgb(174, 170, 170) rgb(174, 170, 170); padding: 0cm 5.4pt; border-image: none; width: 245px; vertical-align: top;">
<span style="color: rgb(51, 51, 51); font-family: Arial,helvetica,sans-serif; font-size: 17px;">Sum Insured:</span></td>
Expected Behavior showing HTML content for the table
<td style="width:245px;border:solid #AEAAAA 1.0pt;border-top:none;padding:0cm 5.4pt 0cm 5.4pt;vertical-align:top">
<span style="color:#333333;font-family:Arial,helvetica,sans-serif;font-size:17px;">Sum Insured:</span></td>
Steps to Reproduce
1) Show HTML in RTE in FlowAaction
2) In post activity generate PDF and attach the PDF to the case.
Actual Behavior: Table in generated Pdf appears thick. Refer the below screenshot.
Expected Behavior: Table in generated Pdf appear normal i.e. with thin border. Refer the below screenshot.
Root Cause
RTE is adding border-style as medium if it is not mentioned explicitly. This is happening only in IE. Only the border shorthand has the issue.
Pdf has issue in understanding border-width:medium as its official site says. Refer pd4ml website regarding the topic on "html-css-pdf-rendering-issues".
Resolution
Instead of shorthand notation, write/mention each style explicitly.
For example: Instead of border: 1px solid #ffffff need to write as border-style:solid;border-width:1px;border-color:#ffffff
Similarly, with any of the other borders mentioned (like if border-top is used border-top-style has to be mentioned).
Since RTE uses an external editor, local change is the only option.
Published January 31, 2017 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.