---
title: "Overview module"
canonical: "https://support.appfire.com/space/SPM/1918502655/Overview%20module"
format: markdown
---
> Macro (aura-html)

# Overview module (old navigation)

<details>
<summary>Click to expand the guide</summary>

## About the Overview module

The Overview module, or command center, provides both a high-level view of the box you are currently viewing, as well as the fine details about the box and its content.

On the home screen (Home/root box level), the Overview lists all the boxes created in your organization. On the individual portfolio box level, you will see project boxes along with the sub-boxes that belong to that portfolio. While on the individual project box level, you will see project sub-boxes, such as iterations or Program Increments.

The Overview module provides three different view modes: 

- [Hierarchy](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918799130)
- [Timeline](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918538282)
- [Kanban board](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700991)

![The portfolio box as seen in the overview module.](media://bbf9fcde-5f1b-40da-9fe0-1aacf06567c2)

## Main features

| **Feature** | **Description** | **Screenshot** |
| --- | --- | --- |
| [Add new](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918406376) (+) | Click to open the create new box dialog. In this dialog, you can enter the basic box information:<br>- **Type** - a clickable icon with a drop-down menu. [Box type](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918830000) can be used as a template for newly created boxes or bulk configuration of the existing ones. Use different icons and colors to differentiate between different box types.
- **Name** - box name displayed in the [box switcher](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918535028/BigPicture+modules#Switch-between-the-modules-(module-switcher)). The name is visible in every view mode of the Overview module.
- **Start and end date** - the period defining the duration of a box. These dates determine the box position on the timeline in the Timeline mode. The start/end dates are displayed as [columns](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700155) in the Hierarchy mode and on the box tiles in the Kanban mode.
- **Icon and color** - a colored icon is shown next to the box name in the [box switcher](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918535028/BigPicture+modules#Switch-between-the-modules-(module-switcher)) and in different view modes of the Overview module. You can use colors and icons to categorize your boxes by type, domain, etc., to quickly find the one you are looking for. There are many different icons to choose from. | ![The plus button. Click to start creating a new box.](media://78fec415-ef3a-4903-953e-b00f937cbf2b) |
| Inline add a new box | Click the **plus** (**+**) icon between the lines to open the create new box dialog. The box will be created in the box hierarchy where you click.<br>Depending on where you want to create a new box, a different set of boxes you can create will be available. If you click in between the sub-boxes, you will be able to add sub-boxes only. | ![The plus button in between the boxes. Click to start creating a new box.](media://ba026d45-b6a0-4e54-87e7-56053f08b670) |
| [Column view](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700155) | Column views can be [customized](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918504788) (you can add/remove/and [aggregate columns](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918636993) to adjust the view). You can also switch to the default column views by choosing one of the views available:<br>- Financial
- Time Tracking
- Agile
- Essentials | ![Default column views in the Overview module.](media://8fcd2a61-c400-4c56-b8d6-647b92885913) |
| [Inline edit](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918637324) | Click the box details to edit it inline in the column view. You can inline edit box information such as description, name, status, start/end dates, and so on. The inline edit applies only to the Hierarchy and Timeline view modes. | ![Click the box name to edit it inline.](media://d05518d4-6b68-4dbb-bbb5-2dd4e2e9f689) |
| Context menu | **Right-click** a selected box or click **More actions **(**…**) next to the box to open the box context menu. The following [box management](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918699321) actions are available:<br>- **[Configure](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918666176)** - open the box configuration.
- **[Edit](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918635162)** - change the box name, start and end date.
- **[Duplicate](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918635048)** - duplicate the box settings but not the scope.
- **[Archive](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918634657)** - archive the box you no longer need but don’t want to delete yet.
- **[Delete](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918635005)** - permanently delete the box from the box hierarchy.
- **[Status](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918829911)** - each status has a different color which will be shown:
  - in the box switcher next to the box name
  - in the Timeline mode as the color of the box bar
  - in the Gantt module, when the timeboxes are enabled
  - in the Board and Objectives modules as the color of the box.<br>The following statuses are available: <span style="color: #97a0af">**Not started**</span> (gray), <span style="color: #4c9aff">**In progress**</span> (blue), and <span style="color: #36b37e">**Closed**</span> (green).<br>Boxes in the **Closed** status cannot be configured and edited. | ![Box dialog with the available options.](media://4b4741ef-5df0-4700-8d3c-92b6651c68b1) |
| Sort by | Change the order of the boxes visible in the Overview module.<br>Boxes can be **sorted** in all view modes (Kanban, Timeline, and Hierarchy) ascending or descending:<br>- Name
- ID
- Type
- Status
- Start date
- End date
- Leader
- Manual box order (re-order boxes using a drag-and-drop mechanism).<br>You can switch between sorting and manual modes without losing the manual data order. | ![Sort boxes.](media://0ad566ce-a1da-4b36-8f91-58f4a808af08) |
| [View modes](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918831037) | Visualize your boxes in three ways (view modes). Each mode provides a different view and options:<br>- Kanban
- Hierarchy
- Timeline | ![Three button for three different view modes in the Overview module.](media://3a4768e5-bf88-46ad-a4f1-6c47000d661a) |
| View | Each view mode comes with different view adjustment options.<br>Hierarchy:<br>- Layout: Compact, Regular, Wide
- Show archived boxes<br>Timeline:<br>- Grid lines: Horizontal, Vertical
- Hierarchy lines: Horizontal, Vertical
- Label position: Hidden, On taskbar, Next to taskbar
- Layout: Compact, Regular, Wide
- Show: Period warning, Show archived boxes<br>Kanban board:<br>- Show archived boxes | ![layout-view-overview.png](media://8868be04-0b06-4e48-8ad5-2a5736835a1f) |
| [Filters](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918503449) | Filter the list of boxes based on selected criteria:<br>- **Favorite** - filter out all boxes that are not marked as your favorite. Each user can mark their own favorite boxes. The filtered boxes can be used in different modes of the Overview module and in the box switcher.
- **Filter by** - filter based on active columns. Only boxes matching the criteria are displayed. Select a column and field values. You can combine multiple different rules.
- **Date filter** - filter boxes list based on the boxes' start or end dates. The date range filter affects only the module in which you have applied it.
- **Search box** - filter by the box name. | When a filter is applied:<br>- the parent boxes of the child matching box are slightly faded<br>![Parent boxes are slightly faded when a filter is applied.](media://709f504a-e07f-4a23-ac70-6e6ffd613d7e)<br>- the child boxes of the parent matching box are hidden<br>![when a parent box is a match, its children are hidden.](media://7f7ae588-3526-47f0-a980-215db614b772)<br>When using filters, you can hide the unavailable higher-level (parent) elements:<br>![Overview module filter options.](media://3171ca7e-c676-4c2d-acc6-67cb5a9fec8a) |
| Show menu | Hide the app's top menu (header). | ![Show menu option in the overview module.](media://000c8c9e-85f7-46f3-a802-48028e7f1d51) |
</details>

# Overview module (new navigation)

<details>
<summary>Click to expand the guide</summary>

## About the Overview module

The Overview module, or command center, provides both a high-level view of the box you are currently viewing and fine details about the box and its contents.

On the home screen (Home/root box level), the Overview lists all the boxes created in your organization. On the individual portfolio box level, you will see project boxes along with the sub-boxes that belong to that portfolio. At the individual project box level, you will see sub-boxes, such as iterations or Program Increments.

The Overview module provides three different view modes: 

- [Hierarchy](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918799130)
- [Timeline](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918538282)
- [Kanban board](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700991)

![Screenshot of the Overview module with the view mode menu expanded.](media://9448f5f0-8cf1-4026-a713-fa2d75380f12)

See the video to learn more.

## Main features

| **Feature** | **Description** | **Screenshot** |
| --- | --- | --- |
| [Create new](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918406376) | Click to open the create new box dialog. In this dialog, you can enter the basic box information:<br>- **Type** - a clickable icon with a drop-down menu. [Box type](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918830000) can be used as a template for newly created boxes or bulk configuration of the existing ones. Use different icons and colors to differentiate between different box types.
- **Name** - box name displayed in the [box switcher](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918535028/BigPicture+modules#Switch-between-the-modules-(module-switcher)). The name is visible in every view mode of the Overview module.
- **Start and end date** - the period defining the duration of a box. These dates determine the box position on the timeline in the Timeline mode. The start/end dates are displayed as [columns](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700155) in the Hierarchy mode and on the box tiles in the Kanban mode.
- **Icon and color** - a colored icon is shown next to the box name in the [box switcher](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918535028/BigPicture+modules#Switch-between-the-modules-(module-switcher)) and in different view modes of the Overview module. You can use colors and icons to categorize your boxes by type, domain, etc., to quickly find the one you are looking for. There are many different icons to choose from. | ![Screenshot of the Create new box window.](media://11d134a1-747a-4ee1-b890-175d0e6f4bb9) |
| Inline add a new box | Click the **plus** (**+**) icon between the lines to open the create new box dialog. The box will be created in the box hierarchy where you click.<br>Depending on where you want to create a new box, a different set of boxes you can create will be available. If you click between the sub-boxes, you will only be able to add sub-boxes. | ![Screenshot of inline adding a box in the Overview module.](media://ca51b96f-7bed-46c0-8260-c55e3c9c1667) |
| [Column view](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918700155) | Column views can be [customized](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918504788) (you can add/remove/and [aggregate columns](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918636993) to adjust the view). You can also switch to the default column views by choosing one of the available views:<br>- Financial
- Time Tracking
- Agile
- Essentials | ![Screenshot of the column views in the Overview module.](media://155206bd-f0c9-4caf-96ee-0b2301b00a37) |
| [Inline edit](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918637324) | Click the box details to edit it inline in the column view. You can inline edit box information such as description, name, status, start/end dates, and so on. The inline edit applies only to the Hierarchy and Timeline view modes. | ![Screenshot of inline editing in the Overview module.](media://4e564767-7d2f-4d37-8c92-f5abb6346e7e) |
| Context menu | **Right-click** a selected box or click **More actions **(**…**) next to the box to open the box context menu. The following [box management](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918699321) actions are available:<br>- **[Configure](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918666176)** - open the box configuration.
- **[Edit](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918635162)** - change the box name, start and end date.
- **[Duplicate](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918635048)** - duplicate the box settings but not the scope.
- **[Archive](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918634657)** - archive the box you no longer need but don’t want to delete yet.
- **[Delete](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918635005)** - permanently delete the box from the box hierarchy.
- **[Status](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918829911)** - each status has a different color which will be shown:
  - in the box switcher next to the box name
  - in the Timeline mode as the color of the box bar
  - in the Gantt module, when the timeboxes are enabled
  - in the Board and Objectives modules as the color of the box.<br>The following statuses are available: <span style="color: #97a0af">**Not started**</span> (gray), <span style="color: #4c9aff">**In progress**</span> (blue), and <span style="color: #36b37e">**Closed**</span> (green).<br>Boxes in the **Closed** status cannot be configured and edited. | ![Screenshot of the context menu in the Overview module.](media://d8e6de8d-4df8-434f-a60a-ca2f4a286076) |
| View > Sort | Change the order of the boxes visible in the Overview module.<br>Boxes can be **sorted** in all view modes (Kanban, Timeline, and Hierarchy), ascending or descending:<br>- Name
- ID
- Type
- Status
- Start date
- End date
- Leader
- Manual box order (re-order boxes using a drag-and-drop mechanism).<br>You can switch between sorting and manual modes without losing the manual data order. | ![Screenshot of sorting in the Overview module.](media://f05c301d-3d1e-4c10-aac0-9f68cd04eca1) |
| [View modes](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918831037) | Visualize your boxes in three ways (view modes). Each mode provides a different view and options:<br>- Kanban
- Hierarchy
- Timeline | ![Screenshot of the view modes available in the Overview module.](media://a99297c5-11a1-41f6-9311-777ead34a055) |
| View | Each view mode comes with different view adjustment options.<br>Hierarchy:<br>- Sort
- Layout: Compact, Regular, Wide
- Reports:
  - Boxes by status
  - Teams capacity
  - Effort progress
  - OKRs by status
  - Project health
- Show archived boxes<br>Timeline:<br>- Sort
- Layout:
  - Grid lines: Horizontal, Vertical
  - Hierarchy lines: Horizontal, Vertical
  - Label position: Hidden, On taskbar, Next to taskbar
  - Layout: Compact, Regular, Wide
  - Show: Period warning, Show archived boxes
- Show archived boxes<br>Kanban board:<br>- Sort
- Show archived boxes | ![Screenshot of the View menu in the Overview module.](media://e3fceef9-b35f-45d6-8448-1d36ae92c5d1) |
| [Filters](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918503449) | Filter the list of boxes based on selected criteria:<br>- **Favorite** - filter out all boxes that are not marked as your favorite. Each user can mark their own favorite boxes. The filtered boxes can be used in different modes of the Overview module and in the box switcher.
- **Filter by** - filter based on active columns. Only boxes matching the criteria are displayed. Select a column and field values. You can combine multiple different rules.
- **Date filter** - filter boxes list based on the boxes' start or end dates. The date range filter affects only the module in which you have applied it.
- **Search box** - filter by the box name. | When a filter is applied:<br>- The parent boxes of the child matching box are slightly faded<br>- The child boxes of the parent matching box are hidden<br>When using filters, you can hide the unavailable higher-level (parent) elements:<br>![Screenshot of the Filters window in the Overview module.](media://e6a42938-fa05-4633-aa48-3ee51a6084e6) |
</details>