About

Gantton · a single-file Gantt planner that runs entirely in your browser. Your projects are saved only where you choose (.gantt files).

Files

Drag a .gantt file onto the window to open it (it opens in a new window if a project is already open). Projects save as .gantt files (click the G icon at the top left › File). After the first save, every change autosaves to that file. When you reopen the app, click Reopen to reconnect to your last file.

Sharing

G menu › File › Export › HTML (view-only) saves a single file anyone can open in a browser: they can zoom, pan, collapse phases and read notes, but not edit. It includes a “Download .gantt” button if they have Gantton.

Pasting a list

Copy several lines (from Notepad, Word, Excel…) and paste into a task name: each line becomes its own task. Or select a row (not editing) and press Ctrl+V: the lines are added as tasks below it. Bullets and numbering are stripped. From Excel, a second column with a duration (e.g. 3d, 2w, or a number) is used as the task's duration.

Copying tasks

Select one or more rows and press Ctrl+C (or Ctrl+X to cut), then select a row and press Ctrl+V: the tasks are pasted below it, at its level. Phases come with their subtasks; links between the copied tasks are kept. Works between projects in different tabs too. Pasting into Excel or Notepad gives a list of names and durations.

Focus mode

Click the ⛶ button at the top right (or Ctrl+Shift+F) to hide everything else on screen: Gantton floats on a dark backdrop. Hover near its edges to move or resize it. Press and hold Esc, or click ⛶ again, to leave.

Holidays

G menu › Holidays: the switch turns holidays on or off; click the word to edit them. Ontario statutory holidays are calculated for every year; you can change any dates, turn individual holidays off, or add your own. When on, holidays are skipped like weekends and shaded on the chart (hover for the name). Saved with each project.

Colours

The side panel ends with the colours used in this project (plus + for the rest of the 10). Click one to colour the selected task(s); type what each colour means (e.g. “External vendors”); drag ⋮⋮ to reorder. The number shows how many tasks use a colour — click it to select them. Labelled colours appear as a legend when you print. In the full column view, the Col. column shows each task’s colour: hover to see its label, click to pick another.

Notes

Tasks with notes show a small note icon next to their bar — hover over it to read the note. In the full column view, the Notes column shows the first line; hover for the whole note, click to edit it in the side panel.

Checking off

Tick the ✓ box on a row to mark it done (100%). Ticking a summary task checks off everything inside it; un-ticking restores the previous % complete.

Durations

The Duration column shows every task in one unit. Click the d / wk button in its header to switch. A plain number is read in the current unit; add a unit to override it: 3d, 0.5d, 2w, 1.5wk, 2mo (also m, month, months). 1 week = 5 working days, 1 month = 20 working days. Weekends are skipped and shaded. 0 makes a milestone.

Summary tasks (phases)

Give a task an estimate, then indent tasks under it (Tab). It becomes a summary task: its black bar follows its subtasks. Your estimate is kept as its Target; Scheduled is the span its subtasks currently cover. The dashed outline and over/under label can be switched off per summary task in the side panel. Links to a summary task apply to everything inside it.

Mouse

Keyboard

Got it