--- title: "Navigation and interface (Overview module)" canonical: "https://support.appfire.com/space/BGdc/3525148753/Navigation%20and%20interface%20(Overview%20module)" format: markdown --- The Overview module offers three distinctive view modes and view customization options, each suitable for performing a specific set of actions. This helps you manage your boxes effectively. In the respective view mode - Hierarchy - Timeline - Kanban The upper menu lets you do the following: ![Overview module upper menu.](media://fd6a255e-2ea1-4f60-bf37-a2ba5c360ee8) - Switch between the view modes - [Create a new box](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613555216) - Sort visible boxes - Adjust the view (Hierarchy and Timeline modes) and show [archived boxes](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613555793) - [Export](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613569947) the current view - Switch the [column view](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613561059) (Hierarchy and Timeline modes) - Mark favorite boxes - [Search and filter](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613560001) boxes - Hide the upper menu ## View modes | **Feature** | **Description** | **Screenshot** | | --- | --- | --- | | [Hierarchy mode](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613570777)
![Overview hierarchy view button.](media://0d4d3c02-8dd2-4acf-88d8-4c54b76c18ae) | In this view mode, the boxes are visualized in a tree-like structure that you can expand and collapse.
You can additionally:
- Carry out all the [actions on boxes](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613555187) - [Customize column views](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613560889) and switch between them - Customize layout | ![Overview hierarchy mode.](media://fb83982a-86a4-4a08-bb5e-db51176fce34) | | [Timeline mode](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613570893)
![Overview timeline view button.](media://060506f0-bd01-4c51-941e-d01c3431cdfd) | In this view mode, the boxes are visualized in the Gantt chart style. On the left, there is a hierarchical box structure. The right side pane visualizes the boxes along the timeline.
The colors of the box bars on the timeline reflect their status:
- **Not started** (gray) - **In progress** (blue) - **Closed** (green)
You can additionally:
- Adjust the timeline view settings - [Customize column views](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613560889) and switch between them - Move box bars on the timeline to reschedule them (if permitted) - Stretch/contract the box bars on the timeline to change their period (if permitted) - Move boxes on the tree structure | ![Overview timeline mode.](media://1b8379d1-59dd-43de-a4d8-bad35ae03bf0) | | [Kanban board mode](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613571023)
![Overview kanban board view button.](media://ce0a5330-0371-4bd0-aed2-c22673c28452) | In this view, the boxes and their statuses are visualized on the Kanban board.
You can additionally:
- Move boxes across the board to change their statuses. For example: from *Not started* to *In progress*. - [Edit a box](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613555677) - [Delete a box](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613555878) - Access [box configuration](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613550417) - Change [box status](https://appfire.atlassian.net/wiki/spaces/BGdcDRAFT/pages/2613554534) - Check box progress | ![Overview kanban board mode.](media://5d0e8fce-bd3e-49c2-915a-7f1bd5d8b279) |