PrimeFaces Extensions Showcase

Gantt

Gantt is a modern, interactive Gantt chart component based on frappe-gantt. It supports drag-and-drop task rescheduling, progress editing, dependency arrows, and multiple view modes (Quarter Day, Half Day, Day, Week, Month, Year).

Based on frappe-gantt by Frappe Technologies.

Use Cases

Documentation pe:gantt

Attributes (move mouse over the names to see data types)

Name	Description
barHeight	Bar height in pixels.Default is 30.
binding	An EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
columnWidth	Column width in pixels.Default is 45.
converter	EL expression resolves to a converter instance or literal converter ID defining a component converter.
dateFormat	Date format.Default is YYYY-MM-DD.
extender	Name of javascript function to extend the widget.
id	Unique identifier of the component in a namingContainer.Default is generated.
infinitePadding	Enable infinite scroll padding.Default is true.
lang	Locale/language.Default is en.
readonly	Enable readonly mode to disable all editing.Default is false.
rendered	Boolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
showExpectedProgress	Show expected progress bar.Default is false.
showProgress	Show the progress bar on tasks.Default is true.
snapAt	Snap at interval.Default is 1d.
style	Inline style of the component.
styleClass	Style class of the component.
tasks	The tasks to display in the Gantt chart.
todayButton	Enable the today button.Default is true.
value	Value of the component.
viewMode	The initial view mode.Default is Day.
viewModeSelect	Show the view mode selector dropdown.Default is false.
weekendColor	Weekend highlight color.
widgetVar	Name of the client side widget.Default is generated ('widget_' + componentClientId).