Skip to Content

SAP Design Studio - PDF Export ignores custom CSS Class

Hello dear community,

I have a strange issue while using the pdf export function of SAP Design Studio.

Before the export I have set a custom css class for a chart with following code:


The custom CSS-Class "chartColumnsRed" means that all bars have to be shown in red.

But for some reason when I click the PDF export in the application, the export ignores my custom css-class setting and switches to default for 1 second and then changes back to my custom css class.

But when I open the PDF file it shows the chart with default setting and NOT with the custom css-class setting as I wanted.

Does somebody know this issue or can reproduce that problem?

I export to PDF with following code:


panelArray = the panels that are dynamically chosen at runtime.



Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Jul 31, 2017 at 09:52 AM

    Hi Vu,

    This might be helpful,

    SAP Note explains why this might happen; not all of the CSS is displayed in the export to the PDF

    Known CSS issues:

    • CSS pseudo-elements are not supported, for example ::before, ::after. Therefore, components styled using pseudo-elements will not be exported exactly as they appear.
    • Background images may not be exported.
    • The CSS overflow property is not supported. Therefore scrollbars within the application may not be exported.

    Please refer this PDF , page number - 106



    Add comment
    10|10000 characters needed characters exceeded