Our state of the art Gantt chart

Post by sagars93 »

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

  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.14 KiB) Viewed 59 times

Thanks in advance.

Post by sagars93 »

@Mats, @Bryntum team,
anyone can help.

Post by sagars93 »

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

Post 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.

All the best,

Post Reply