Hello Team,
How to change Export Gantt styling or apply custom styling
e.g.
- Make the accent color blue instead of orange, for header, borders and hover border color
- How to change buttons styling
Thanks in advance.
Try CSS. Check the DOM tree, main dialog has a CSS class b-schedulerexportdialog
, so if you need to apply your styling only into that dialog, use it in your rules.
.b-popup-header
has background-color
to manage color.
Same for buttons styling.
Another way is how to set some extra properties for the dialog and buttons is https://bryntum.com/docs/gantt/api/Grid/feature/export/PdfExport#config-exportDialog config.
Here is docs for https://bryntum.com/docs/gantt/api/Grid/view/export/ExportDialog with the list of names for all widgets inside. Export button has exportButton
name.
Buttons has https://bryntum.com/docs/gantt/api/Core/widget/Button#config-cls config to set class.
All the best,
Alex