--- title: "Navigation and interface (Overview module)" canonical: "https://support.appfire.com/space/SPM/1918831037/Navigation%20and%20interface%20(Overview%20module)" format: markdown --- > Macro (aura-html) # Navigation and interface - Overview module (old navigation)
Click to expand the guide 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://454a3b80-b937-4c20-8357-e281f4a28b04) - Switch between the view modes - [Create a new box](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918406376) - Sort visible boxes - Adjust the view (Hierarchy and Timeline modes) and show [archived boxes](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918634657) - [Export](https://appfire.atlassian.net/wiki/spaces/BTc/pages/3536224346) the current view - Switch the [column view](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700155) (Hierarchy and Timeline modes) - Mark favorite boxes - [Search and filter](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918503449) boxes - Hide the upper menu ## View modes | **Feature** | **Description** | **Screenshot** | | --- | --- | --- | | [Hierarchy mode](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918799130)
![Overview hierarchy view button.](media://b9782dac-50bd-46ab-94a3-cde2e235d737) | 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/SPM/pages/1918699321) - [Customize column views](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918504788) and switch between them - Customize layout | ![Overview hierarchy mode.](media://c8eb54eb-4d09-4617-a11a-d47a05adc9f1) | | [Timeline mode](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918538282)
![Overview timeline view button.](media://a4b7b4c7-ccc8-40a3-a1a0-9114e62dc6c8) | 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/SPM/pages/1918504788) 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://303c3439-4f0c-43c0-82b1-705fc73964c7) | | [Kanban board mode](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700991)
![Overview kanban board view button.](media://dbd02d0c-c29e-481e-a1d9-ca49b00f7e9a) | 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/SPM/pages/1918635162) - [Delete a box](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918635005) - Access [box configuration](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918666176) - Change [box status](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918829911) - Check box progress | ![Overview kanban board mode.](media://012e9b64-0a4f-4fe1-927f-b513aea0b4f5) |
# Navigation and interface - Overview module (new navigation)
Click to expand the guide 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 ![Screenshot of the Overview module.](media://ac359921-93c0-48a6-b739-38faa2c4ba5a) The upper menu lets you do the following: - Switch between the view modes - [Create a new box](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918406376) - Sort visible boxes - Adjust the view (Hierarchy and Timeline modes) and show [archived boxes](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918634657) - [Export](https://appfire.atlassian.net/wiki/spaces/BTc/pages/3536224346) the current view - Switch the [column view](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700155) (Hierarchy and Timeline modes) - Mark favorite boxes - [Search and filter](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918503449) boxes - Display [contextual reports](https://appfire.atlassian.net/wiki/spaces/SPM/pages/2481848664) ## View modes | **Feature** | **Description** | **Screenshot** | | --- | --- | --- | | [Hierarchy mode](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918799130) | 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/SPM/pages/1918699321) - [Customize column views](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918504788) and switch between them - Customize layout - Display [contextual reports](https://appfire.atlassian.net/wiki/spaces/SPM/pages/2481848664) | ![Screenshot of the Hierarchy mode in the Overview module.](media://f2fd7c0a-e87b-48c9-ab07-0cd7b8082d65) | | [Timeline mode](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918538282) | 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/SPM/pages/1918504788) 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 | ![Screenshot of the Timeline mode in the Overview module.](media://787e484b-e728-41e0-bcfa-863e920a1c86) | | [Kanban board mode](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700991) | 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/SPM/pages/1918635162) - [Delete a box](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918635005) - Access [box configuration](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918666176) - Change [box status](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918829911) - Check box progress | ![Screenshot of the Kanban board view in the Overview module.](media://6f343be3-0bc4-40ca-bd8a-2b9fe61eddc1) |