Web Gantt View

Timeline management and project scheduling with interactive Gantt charts

Gantt Chart
Timeline
Scheduling
Resource Planning

Gantt View Overview

Gantt View displays tasks and projects as timeline bars, helping visualize schedules, dependencies, and resource allocation.

Supports drag-and-drop for rescheduling, resize for duration changes, and displays dependencies between tasks.

Key points

  • Timeline Bars: Display tasks as bars over time

  • Drag & Drop: Drag tasks to reschedule

  • Resize: Change duration by dragging bar ends

  • Dependencies: Show relationships between tasks

  • Critical Path: Highlight project critical path

  • Resource View: View workload by resource

  • Grouping: Group tasks by project, user, stage

  • Zoom Levels: Day, week, month, year views


Key Features

Key points

  • Interactive Scheduling: Drag tasks to change start date, resize to change duration

  • Multi-level Grouping: Group by project → stage → assignee

  • Color Coding: Colors by status, priority, or custom field

  • Progress Tracking: Display % completion on bar

  • Milestone Markers: Mark important milestones

  • Today Line: Vertical line showing current date

  • Conflict Detection: Warn when resources are overbooked

  • Quick Create: Create new task directly from timeline


Use Cases

Gantt View Applications

Business FunctionGroupingDependenciesBenefits
Project ManagementProject → StageTask dependenciesVisualize project timeline, track progress
Resource PlanningResource → ProjectNoneView workload per resource, avoid overload
ManufacturingWork Order → WorkcenterOperation sequenceSchedule production, optimize machine usage
Event PlanningEvent → Task TypeSetup dependenciesManage event timeline, ensure correct order
MaintenanceEquipment → PriorityNoneSchedule maintenance, avoid downtime

Configuring Gantt View

Steps

  • 1. Date Fields: Define date_start and date_stop fields in model

  • 2. Gantt Attributes: Add default_group_by, scales (day/week/month)

  • 3. Color Field: Choose field for color coding (status, priority)

  • 4. Progress Field: Field showing % completion

  • 5. Dependency Field: Field containing task dependencies (many2many)

  • 6. Precision: Configure precision (hour/day) for scheduling


Best Practices

Key points

  • Use grouping to organize tasks by logical hierarchy

  • Set realistic durations to avoid overly long or short timelines

  • Define clear dependencies to avoid conflicts

  • Monitor critical path to focus on important tasks

  • Use colors to highlight priority or status

  • Regular updates to ensure timeline accuracy

  • Zoom in/out to view overview or details