Feature Request: Element Classes & IDs

yamenzk commented 3 months ago

Hello, It would be nice to have an option to assign classes &/ id to every Print Designer element (Text/Table/Rectangle/Image). We can use those classes to apply custom CSS which can be added as an HTML Block through Jinja (in Custom Data).

Usage;

Assigning a font, to an element, that is not available in print designer font list. Particularly useful for language specific Google Fonts (Arabic, Thai, etc..)
More control over CSS & ability to use CSS properties that are not yet available in Print Designer (Padding, single border radius, shadows, gradients, etc...)
Ability to target and style elements dynamically using Javascript when printing via browser or rendering PDF through Chrome Headless (See #296)

maharshivpatel commented 3 months ago

@yamenzk js is disabled for security purpose. not all css is supported by wkhtmltopdf. we can add classes.

BaaridunNasr commented 3 months ago

@maharshivpatel Is there any reason we use wkhtmltopdf? I hear https://weasyprint.org/ is quite good. I dont know about different in css support but when I hear about wkhtmltopdf, all I hear are issues.

frappe / print_designer

Feature Request: Element Classes & IDs #297