Example of advanced-exporting in React Gantt

All Controls
/
Gantt
/
Advanced Exporting

This sample demonstrates the advanced PDF export features of the Gantt Chart, allowing customization of various elements such as headers, footers, task labels, event markers, holidays, and taskbars. These customizations can be configured using the pdfExportProperties and pdfQueryTaskbarInfo event.

More Details...

Loading....
Description

In this sample, the Gantt Chart's PDF export functionality is enhanced with various customization options:

  • Custom Headers and Footers: The headers and footers in the exported PDF can be customized using the header and footer properties,which allowing us to include relevant information of exported PDF.
  • Taskbar and Task Label Styling:Taskbar and Task Label appearance can be customized in the exported PDF using the pdfQueryTaskbarInfoEvent .
  • Event marker and holiday:Event marker and holiday can be cusotmized in exported PDF using ganttstyle in pdfExportProperties .
  • Fit-to-Width Support: This feature allows the Gantt component's rows to be auto-fitted to the width of the PDF document's page using the fitToWidthSettings in pdfExportProperties .

Gantt component features are segregated into individual feature-wise modules. To use PDF export, selection, markers, toolbar and critical path features, we need to inject PdfExport, Selection, DayMarkers, Toolbar and CriticalPath into the Inject Services section.


More information on the Essential® React Gantt Chart can be found in this documentation section.