Page 1 of 1
[REACT] How to change Export Gantt styling
Posted: Thu Nov 25, 2021 6:06 pm
by sagars93
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
- Export1.png (40.13 KiB) Viewed 349 times
Thanks in advance.
Re: [REACT] How to change Export Gantt styling
Posted: Fri Nov 26, 2021 5:48 am
by sagars93
@Mats, @Bryntum team,
anyone can help.
Re: [REACT] How to change Export Gantt styling
Posted: Fri Nov 26, 2021 12:48 pm
by sagars93
@Mats, @Bryntum team,
It is not possible to do?
Re: [REACT] How to change Export Gantt styling
Posted: Fri Nov 26, 2021 1:25 pm
by alex.l
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.