Custom CSS for print format?

[Jerome-thinking]

When creating a new template with the print designer we still would like to add custom styles. Usually we could just place css classes in the "custom css" block in the print format form of the according template. However, with the print designer these css classes seem to be stripped from the final output. At least we could not get custom css to be applied. What is the recommended approach?

[maharshivpatel]

@Jerome-thinking can you please share some cases where you would want to have custom css classes.

[Jerome-thinking]

Maybe the approach is already wrong:
From the former print formats we were used to set custom css classes. Now when using the print designer, this seems obsolete. When preparing an example I realized clicking on any item and then adjusting the styles works well.

However, just for the record:
We used to assemble custom components using macros. E.g.

{% macro formatted_content() %}
<div class="formatted-content">
    div with class ".formatted-content"
</div>
<div style="color:blueviolet;">
    div with inline style (color:blueviolet;)
</div>
{% endmacro %}

The css classes were defined in the print format form for the template.

The print designer seems to override the print format css (maybe on save). Just add some css, go to the print designer and play around a bit. Revisit the print format form after a while: your custom css will be gone (at least this happens here).

Given the power of the print designer we could replace our macros by using the builder. But still not sure...

[maharshivpatel]

you can define macros here and use like this avoid unless absolutely necessary

[Jerome-thinking]

But still does not solve the issue with how to apply custom css style to them, doesn´t it?