Gantt Chart UI
Each type of view in Codeless ONE is designed with distinct characteristics to cater to its unique properties and features, ensuring an optimal user experience tailored to specific use cases. The same principle applies to the Gantt Chart view. The Gantt Chart is a powerful tool for project management and scheduling, enabling users to visualize tasks, timelines, and dependencies in a structured, interactive format.
To enhance usability and provide clarity, the Gantt Chart includes several key user interface (UI) elements that facilitate task management and timeline adjustments. These essential UI components, which are highlighted in the accompanying image, enable users to efficiently navigate and utilize the Gantt Chart’s full capabilities.
+ Add: Used to add a new record in the Gantt Chart. Users can also add records using the context menu.
Edit: Used to edit an existing record. The edit option can also be invoked through the context menu.
Delete: Deletes the selected record. Like the above two options, the delete option is also accessible through the context menu.
Expand All: Displays all the child nodes in the Gantt Chart.
Collapse All: Hides all the child nodes in the Gantt Chart.
Expand All
Collapse All
Zoom In: Zooms In the Gantt Chart canvas.
Zoom Out: Zooms out the Gantt Chart canvas.
Zoom to fit: Zooms out the Gantt Chart canvas to a ratio so that it displays all the date ranges.
Using the Zoom to fit option condenses all the timelines and displays them in a single frame.
Resource View: This is a toggle button. Normally The resources assigned to tasks etc. are displayed in the 2nd column of the Gantt Chart.
However, when the Resource View is enabled, The records are displayed under relevant resources.
Baseline: Used to create a baseline.
Export: Users can export the Gantt chart records in Excel, CSV, and PDF Format.
Settings: The Settings section contains the following four settings:
- Columns
- Working Weeks
- Grid Lines
- First Day of Week
Note: These settings are user specific. Each user, working on the app may configure these settings as per their own requirements.
Using the Columns control, users can include/remove columns in/from the Gantt Chart.
Using the Working Weeks control, users can configure which are the working days in a week, and which are the weekend days.
The Grid Lines control, as the name suggest is used to control the grid lines displayed in the Gantt Chart. Users can opt to view either horizontal or vertical grid lines, both, or none of the grid lines.
The First Day of Week control is used to determine which day is the first day of the week. This option is especially useful in jurisdictions/industries where Monday does not start the week. E.g. MENA region.
Gantt Chart Context Menu
The context menu has some options that are already available in the toolbar, like Add (Record), Edit, Delete, etc. however, the following options are unique to the context menu:
Add (Child): Adds a child to the selected record
Add (Milestone): Adds a milestone to the Gantt Chart
Add Dependency & Resource: Creates a dependency or assign a resource to the selected record
Delete Dependency: Deletes a dependency
Convert (to Milestone): Converts the selected entry to a milestone
Indent: Indents the selected record
Outdent: Outdents the selected record
Note: The Milestones can only be created through the context menu.
The context menu can be invoked from both panels in the Gantt Chart Canvas.
All the options of the Context Menu are same, irrelevant of which panel was used to invoke the menu.