This page is based on source code analysis. Some UI behaviors described here may vary depending on your version. Verify the editing experience in your Gantt installation.
Prerequisites
- A Gantt widget with grid columns configured
- Edit mode enabled (click the Edit button in the toolbar)
How Inline Cell Editing Works
Inline cell editing lets you click directly on a grid cell to modify its value. Each column can have an associated editor type that determines the input widget shown when editing. The Gantt supports four editor types:| Editor Type | Input Widget | Use Case |
|---|---|---|
text | Text input field | Free-text fields like titles or descriptions |
number | Numeric input field | Duration, percentage, or numeric custom fields |
date | Date picker | Start date, end date, or deadline fields |
select | Dropdown menu | Enumeration fields like status or priority |
mapTo property that links the editor to the underlying task property it reads from and writes to.
Built-In System Column Editors
The Gantt includes several built-in system columns with pre-configured inline editors:| System Column | Editor Type | Behavior |
|---|---|---|
start_date | Date picker | Opens a date picker mapped to the configured start field |
end_date | Date picker (end date) | Validates that end date is not before start date |
duration | Duration editor | Accepts day values; changes update the end date automatically |
progress | Number (0-100) | Accepts values 0-100; internally stored as 0.0-1.0 |
deadline | None (read-only) | Not editable inline; use the lightbox or Polarion directly |
owner | None (read-only) | Not editable inline; use the lightbox to change assignments |
Configure Grid Columns with Editors
To add columns to the Gantt grid, configure the Table section in the widget parameters:- Open the Polarion page containing the Gantt widget
- Edit the widget properties
- Locate the Table configuration section
- Set the grid
WIDTHparameter to control the overall grid panel width in pixels - Configure the FIRST_COL settings for the task title column:
showId— display the work item ID prefix (e.g.,WI-123:)showTitle— display the work item title textshowIcon— display the work item type icon
- Add additional columns using the COLUMNS list
The exact widget parameter names for column configuration may vary by version. Check the widget parameter editor in your Polarion page for the available column settings.
Edit a Cell Value
- Ensure the Gantt is in Edit mode (click Edit in the toolbar)
- Click on an editable grid cell — the appropriate editor opens based on the column type
- Modify the value:
- For text and number editors: type the new value
- For date editors: select the date from the picker
- For select editors: choose an option from the dropdown
- Press Enter or click outside the cell to confirm
- The updated value writes back to the task property defined by the editor’s
mapTofield
Verify Your Configuration
After configuring columns with editors:- Enter Edit mode in the Gantt
- Click on a
start_dateordurationcell - You should now see the inline editor open with the current value pre-filled
- Change the value and press Enter — the task bar position should update immediately in the timeline
See Also
- Configure Grid Columns for detailed column setup
- Manage Column Visibility to show or hide columns
- Use the Lightbox Inline Editor for full work item field editing
- Configure Additional Fields in Create Dialog to customize the new-item dialog
Sources
Sources
Source Code
prod-gantt-src/com.nextedy.polarion.gantt/src/com/nextedy/polarion/gantt/model/columns/Editor.javaprod-gantt-src/com.nextedy.polarion.gantt/src/com/nextedy/polarion/gantt/model/columns/Table.javaprod-gantt-src/com.nextedy.polarion.gantt.client/src/js/nextedy.jsprod-gantt-src/com.nextedy.polarion.gantt.client/cypress/e2e/Rewritten Tests/testGanttPlansInInline.cy.tsprod-gantt-src/com.nextedy.polarion.gantt.client/src/js/config.js