--- title: "Navigation and interface (Overview module)" canonical: "https://support.appfire.com/space/BGc/3539731307/Navigation%20and%20interface%20(Overview%20module)" format: markdown --- > Macro (aura-html) 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://e1e5adb7-2fed-41ef-a3f9-965655575a5d) - 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/BGcDRAFT/pages/3538542486)
![Overview hierarchy view button.](media://cd14a2de-e54b-4a47-aa37-2f893aeae2d4) | 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://a97639bc-2029-4792-a53a-d2c6d39de03d) | | [Timeline mode](https://appfire.atlassian.net/wiki/spaces/BGcDRAFT/pages/3538542608)
![Overview timeline view button.](media://a76c9c53-7d45-406a-bee5-282ce0baa18c) | 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://789a7fae-34b1-4449-a678-ea7d6afbcece) | | [Kanban board mode](https://appfire.atlassian.net/wiki/spaces/BGcDRAFT/pages/3538542739)
![Overview kanban board view button.](media://548ec821-7736-4704-b1b5-348367c08e59) | 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://6dd8fc5e-19d1-466c-8494-b93c18236645) |