---
title: "Navigation and interface (Overview module)"
canonical: "https://support.appfire.com/space/DLP/2211840925/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://178af36a-256c-4aa8-9bf4-f7f76481119f)

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

## View modes

| **Feature** | **Description** | **Screenshot** |
| --- | --- | --- |
| [Hierarchy mode](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2211582663)<br>![Overview hierarchy view button.](media://95ded655-4c08-47ce-96ba-630d3c79f1bd) | 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/DLP/pages/2212331630)
- [Customize column views](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2211582395) and switch between them
- Customize layout | ![Overview hierarchy mode.](media://cecbfae3-198e-4d23-8e0d-8b306e126552) |
| [Timeline mode](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2212529505)<br>![Overview timeline view button.](media://c0214de5-d357-4d34-90ac-d3f6c07a376d) | 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/DLP/pages/2211582395) 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://f0f73d9b-1ae9-4b9a-83a1-f04e783df5f5) |
| [Kanban board mode](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2211842894)<br>![Overview kanban board view button.](media://17b6f235-c472-4071-b876-e64490fd2a89) | 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/DLP/pages/2211126467)
- [Delete a box](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2212235940)
- Access [box configuration](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2212266090)
- Change [box status](https://appfire.atlassian.net/wiki/spaces/DLP/pages/2212004764)
- Check box progress | ![Overview kanban board mode.](media://11936cfb-6657-49ac-9eb8-a03cf09a2624) |