---
title: "Navigation and interface (Overview module)"
canonical: "https://support.appfire.com/space/BPEdc/2533884538/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://facef5c6-2732-474d-8b80-6610e756313b)

- Switch between the view modes
- [Create a new box](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2533754012)
- Sort visible boxes
- Adjust the view (Hierarchy and Timeline modes) and show [archived boxes](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534015612)
- [Export](https://appfire.atlassian.net/wiki/spaces/BTdc/pages/3536715928) the current view
- Switch the [column view](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534802336) (Hierarchy and Timeline modes)
- Mark favorite boxes
- [Search and filter](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534605192) boxes
- Hide the upper menu

## View modes

| **Feature** | **Description** | **Screenshot** |
| --- | --- | --- |
| [Hierarchy mode](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2533786876)<br>![Overview hierarchy view button.](media://fb4689f9-1aad-4e2b-8c10-eca270031d40) | In this view mode, the boxes are visualized in a tree-like structure that you can expand and collapse.<br>You can additionally:<br>- Carry out all the [actions on boxes](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2533917097)
- [Customize column views](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534703728) and switch between them
- Customize layout | ![Overview hierarchy mode.](media://89890740-f09e-4c25-ac6f-1d37dfd208ef) |
| [Timeline mode](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534343738)<br>![Overview timeline view button.](media://2ac677c8-b066-4111-a931-297c283471fe) | 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.<br>The colors of the box bars on the timeline reflect their status:<br>- <span style="color: #97a0af">**Not started**</span> (gray)
- <span style="color: #4c9aff">**In progress**</span> (blue)
- <span style="color: #36b37e">**Closed**</span> (green)<br>You can additionally:<br>- Adjust the timeline view settings
- [Customize column views](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534703728) 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://59939ecf-825c-4018-b67a-7c006e2d01be) |
| [Kanban board mode](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534146655)<br>![Overview kanban board view button.](media://bc2aaaf2-15c5-4fc6-a807-1830e1d9cdd3) | In this view, the boxes and their statuses are visualized on the Kanban board.<br>You can additionally:<br>- 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/BPEdc/pages/2534080972)
- [Delete a box](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2533688072)
- Access [box configuration](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534277590)
- Change [box status](https://appfire.atlassian.net/wiki/spaces/BPEdc/pages/2534965822)
- Check box progress | ![Overview kanban board mode.](media://57fda45b-0c83-4a13-920a-cab1ceaae932) |