Bryntum Support Forums

Hello Team,
How to change Export Gantt styling or apply custom styling
e.g.

1. Make the accent color blue instead of orange, for header, borders and hover border color
2. How to change buttons styling

   

   Export1.png (40.13 KiB) Viewed 349 times

Thanks in advance.

@Mats, @Bryntum team,
anyone can help.

@Mats, @Bryntum team,
It is not possible to do?

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.