# Navigating the web interface

This document outlines key Nexthink web interface components and introduces the user interface (UI) terminology you encounter in the online documentation, in-product documentation and educational materials. It also helps you understand how to navigate, interpret, and interact with the available interface elements and features.

## Navigation <a href="#navigatingthewebinterface-navigation" id="navigatingthewebinterface-navigation"></a>

Use the navigation elements of the Nexthink web interface to move between modules, access pages and dashboards, and locate module-specific content and actions.

1. **Main menu**

The main menu is the starting point of navigation across the Nexthink web interface and its modules. This menu appears in blue on the left side of the page.

* If you use Nexthink on a low-resolution or mobile device, some menu icons may extend below the bottom of the screen. Scroll down to access all icons.

2. **Module**

A module is a self-contained component of the Nexthink web interface with specific features, UI elements, widgets, charts, tables, dashboards, and links to other modules. You can access modules from the main menu.

3. **Navigation panel**

A navigation panel is a sub-menu you use to navigate to a specific page within a module. This panel appears after you select an item from the main menu. It typically contains the following items:

* links to a module-specific overviews and dashboards
* links to the module management pages
* button to create new content
* list of module-specific content items
* a search box at the top of the content items list

<figure><img src="/files/OexNAhoLR7c2fSEsLLXb" alt="main navigation"><figcaption></figcaption></figure>

***

## Right-side panel

1. The **Right-side menu** appears on the right side of the page. The available menu items depend on the page you are currrently viewing and may include item previews, troubleshooting, diagnostics, investigations, or in-product documentation.
2. Clicking a menu item opens the **right-side panel** with additional content, such as summaries for selected items, links to related investigations or other modules, troubleshooting options, or additional information.

<figure><img src="/files/QrGqRcMYaD49Q8XOgFLG" alt="main navigation"><figcaption></figcaption></figure>

***

## AI assistance

Nexthink includes AI-powered capabilities that help you navigate the platform, investigate issues, and analyze Digital Employee Experience (DEX) data more efficiently.

You can use AI-powered features to:

* Search and explore data using natural language.
* Investigate issues faster with contextual insights and recommendations.
* Identify trends, anomalies, and potential root causes.
* Analyze employee feedback and adoption trends.

<figure><img src="/files/JnfcLSuWuTig8gqrhpOo" alt=""><figcaption></figcaption></figure>

AI-powered capabilities are integrated across multiple areas of the Nexthink platform to help IT teams accelerate troubleshooting and decision-making.

For more information, see [Unlocking AI-powered DEX with Nexthink](/platform/getting-started/unlocking-ai-powered-dex-with-nexthink.md).

***

## Charts, components and widgets <a href="#navigatingthewebinterface-charts-componentsandwidgets" id="navigatingthewebinterface-charts-componentsandwidgets"></a>

#### Pages

A pages is a structured view that organizes dashboards, data views, controls, documentation, and other UI elements into a unified context for a specific workflow, function, or area of analysis.

#### Dashboard

A dashboard is a centralized view that groups related metrics, visualizations, filters, and interactive components to provide focused insights into a specific area, including its trends, relationships, and dependencies.

<figure><img src="/files/C0LxZC1SdZbnA9RUxgPi" alt="Dashboard"><figcaption></figcaption></figure>

#### Tabs

Tabs organize dashboard or module content into focused sections, helping users navigate efficiently between pages, related visualizations, widgets, and insights.

<figure><img src="/files/G4xpdE4li0q6upSSpVfB" alt=""><figcaption></figcaption></figure>

#### Gauge chart

A gauge chart represents quantitative data in the form of a gauge-shaped graphic. The gauge can be color-coded (green, yellow, red) or monochromatic, depending on the information it displays and whether you apply thresholds to it.

<figure><img src="/files/EcJ7O2KMSmuSjiYdsQnK" alt="" width="204"><figcaption></figcaption></figure>

#### Bar chart

A bar chart represents quantitative data in the form of horizontal bars. The bars can be color-coded (green, yellow, red) or monochromatic, depending on the information they display and whether you apply thresholds to them.

<figure><img src="/files/foDTScMRQF2tMUtuACCw" alt="Bar charts"><figcaption></figcaption></figure>

**Bar chart dropdown list**

Customize the bar chart breakdown by selecting a specific property from the drop-down list. For example, you can select different levels in the location hierarchy, such as country or state, to see how the metric is distributed and identify outliers. The available options depend on the module you are currently in and the data context.

<figure><img src="/files/2AUOWS9ODyv9iGwPF9i9" alt="dropdown list"><figcaption></figcaption></figure>

#### Column chart

A column chart represents quantitative data in the form of vertical columns. The bars can be color-coded (green, yellow, red) or monochromatic, depending on the information they display and whether you apply thresholds to them.

<figure><img src="/files/hDZPda48z4e9QVK0tzbp" alt="column chart" width="563"><figcaption></figcaption></figure>

#### Line chart

A line chart represents quantitative data in the form of one or multiple, color-coded lines. Refer to the legend below the chart for further details.

<figure><img src="/files/cQ1pkQ7N18UUpflmYp7X" alt="line chart" width="563"><figcaption></figcaption></figure>

#### Area chart

An area chart is a variation of the line chart with a color fill between the lines and the horizontal axis.

<figure><img src="/files/43G3AYCYudDPBeqdSnLg" alt="area chart" width="563"><figcaption></figcaption></figure>

#### Key performance indicator (KPI)

A Key performance indicator (KPI) represents a quantifiable measure of performance over time, such as the number of crashes, the number of impacted employees, devices, operating systems, and other types of data.

<figure><img src="/files/21XnCNWffidpdDBzGysV" alt="KPI" width="442"><figcaption></figcaption></figure>

#### Table

A table displays data in a structured format using rows and columns. It can display investigation results, such as a list of items with associated metrics, or show content items, including campaigns or remote actions, on the administration pages of various modules.

Click on the column headers to sort the tables in either ascending or descending alphabetical order, depending on the type of data the column displays.

If the table lists objects, such as devices, users, or VDI sessions, it includes direct hyperlinks to a detailed view of each object, enabling faster issue analysis.

<figure><img src="/files/0CB31smmScETR13ZyYko" alt="Tables" width="563"><figcaption></figcaption></figure>

#### Widget

A widget is a self-contained, visual, and logical component that displays the results computed for metrics such as KPIs, charts, gauges, tables, and other metrics.

<figure><img src="/files/S3vm4oZmAkzbv8oAw0tD" alt="Widget"><figcaption></figcaption></figure>

***

## Interactive elements in Dashboards <a href="#navigatingthewebinterface-contextmenus" id="navigatingthewebinterface-contextmenus"></a>

Many dashboards and widgets include interactive features, such as filtering, time selection, drilldowns, and contextual actions, to help you explore and analyze data more efficiently.

Refer to [Five time-saving Nexthink tips](/platform/getting-started/five-time-saving-nexthink-tips.md) for examples of common interactions and navigation shortcuts available across the Nexthink web interface.

### Time selection

<details>

<summary>Timeframe picker</summary>

Use the timeframe picker in the top-right corner of the page to set up the timeframes that apply to all widgets.

Use one of the predefined timeframes, ranging from **Last hour** to **Last year,** or select a custom timeframe. For **Custom** timeframes, the maximum lookback and maximum selected duration depend on the specific dashboard you are currently viewing. Example include:

* Live Dashboards - 395 days
* Spark All conversations - 30 days
* Device View - 30 days

Refer to [Data resolution and retention](/platform/understanding-key-data-platform-concepts/data-resolution-and-retention.md#dataresolutionandretention-dataavailabilityinmodules) documentation.

{% hint style="info" %}
Refer to the [Timeframe picker](/platform/user-guide/live-dashboards/widget-types/timeframe-picker.md) documentation for details on how the system implements the timeframe picker in the NQL queries for dashboards.
{% endhint %}

<figure><img src="/files/K4DPPAD3Qu1uoHbQqKC9" alt="timeframe picker"><figcaption></figcaption></figure>

</details>

<details>

<summary>Time granularity</summary>

Some dashboards allow you to adjust the time granularity of line charts based on the selected time frame. Available options may include **By 15 min**, **By hour**, **By day**, **By week**, or **By month** to help identify patterns and troubleshoot issues. Changing the time granularity updates only the line charts.

</details>

<details>

<summary>Zooming in on a timeline</summary>

On supported dashboards, you can drag the cursor over an area on the timeline to zoom in on a specific period.The dashboard automatically applies the timeframe selection.

<figure><img src="/files/HDeT5mdqVEV3GoNwlrc0" alt=""><figcaption></figcaption></figure>

</details>

### Filtering capabilities <a href="#navigatingthewebinterface-filteringcapabilities" id="navigatingthewebinterface-filteringcapabilities"></a>

<details>

<summary>Filtering bar</summary>

Various pages allow you to directly click on items in graphs or tables to apply filters and focus on the insights that matter to you. Activate the filtering bar by clicking on items in a graph or results in a table. The filters are highlighted in yellow and appear at the top of the page.

Click on the **Clear filters** button to remove them from the page.

<figure><img src="/files/WpJG7Jn3YnbCVEtoYEvE" alt="filtering bar"><figcaption></figcaption></figure>

</details>

<details>

<summary>Interactive chart items</summary>

Click on a chart items to apply filters to the entire dashboard or tab.

<figure><img src="/files/ETZMj87EA3z0a3uWuxyM" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Chart legend</summary>

Click items in the legend to filter the displayed data in timeline charts, such as column, line, or area charts.

<figure><img src="/files/HV5FIm8v7D2KKG58Rbfr" alt="" width="563"><figcaption></figcaption></figure>

</details>

<details>

<summary>Filter widget</summary>

Use to filter the page by platform, device, location, hardware, and other parameters configured for the dashboard. You can select multiple items.

<figure><img src="/files/HQIISDmJ5m0pDy5Rv4at" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Search bar</summary>

Use the search bar, available for the entire dashboard or a specific widget, to type in the value you want to find.

<figure><img src="/files/Ycu4znCDTxd3vsnN8uzW" alt="search bar"><figcaption></figcaption></figure>

</details>

{% hint style="info" %}
Changing the time frame or applying filters may update the NQL query used by the widget. As a result, related Investigations opened from the [Action menu](#navigatingthewebinterface-contextmenus-1) may automatically include the selected time range and filters.
{% endhint %}

### Sorting items

Click a bar chart or table column header to sort items. Click the header again to switch between ascending and descending order. The icon next to the header indicates the currently applied sorting order.

<figure><img src="/files/M6r7LuUt1gyMueatTp11" alt=""><figcaption></figcaption></figure>

### Action menus <a href="#navigatingthewebinterface-contextmenus" id="navigatingthewebinterface-contextmenus"></a>

Action menus provide quick access to relevant actions based on where you are and what you are interacting with.

Click the three vertical dots to open the action menu. This menu is available on widgets across various modules and provides contextual options, such as related dashboards and relevant investigations. Its contents are context-sensitive and depend on the current module and the data you are interacting with.

Options may include:

<details>

<summary>Access diagnostics dashboards and Views</summary>

* **Open Device View**
* **Open user overview**
* **Open binary profiling**
* **Open VDI session view**
* **Diagnose** issues using dashboards from the [Alerts and Diagnostics](/platform/user-guide/alerts-and-diagnostics.md) module.

</details>

<details>

<summary>Open related investigations</summary>

* **Drill down to:** This option is available only for the list of objects with at least one associated event metric. It allows you to run a quick investigation to retrieve:
  * Objects related to the selected items from the results list, with at least one event from the original query recorded.
  * Events included in the original query which have been recorded for the selected objects from the results list. The new investigation keeps the original timeframe and filters.
* **Retrieve all**: Run a quick investigation to list all objects or events related to the selected items from the results list, regardless of whether any events from the original investigation were recorded for them. The new investigation keeps the original timeframe and applicable filters.
* **View investigation** opens the Investigations page for the original NQL of the widget plus any applied filters to the Dashboard page, the time duration and granularity.

</details>

<details>

<summary>Copy or edit values</summary>

* **Copy** copies the formatted value visible on the widget, including the units, for example `1m 26s`*,* `306 GB` or `32.5%`.
* **Copy raw value** copies the full underlying value, for example:
  * `1m 26s` is copied as `86.42345139288133` (total seconds)
  * `306GB` is copied as `328676378256` (bytes)
  * `32.5%` is copied as `0.325057090224` (decimal form)
* **Edit** opens a dialog to enter or modify the value of a manual custom field.

</details>

<details>

<summary>Contnet item action menu</summary>

When you are managing content items, such as Campaigns, Liva Dashboards, etc, hovet over an item to reveal the action manu. They are specific to the content type, origin or status. Refer to Undertsantind content, and module specific sections about managiong content for more details.

</details>

<figure><img src="/files/chRwwF9VmypONJTCFSzy" alt="action menu"><figcaption></figcaption></figure>

### Popovers&#x20;

Hover over the chart items to reveal a popover with additional information.

<figure><img src="/files/THjDmnNR5VyrPOELEH2Q" alt="" width="563"><figcaption></figcaption></figure>

***

RELATED TOPICS

* [Discovering Nexthink](/platform/overview.md)
* [Unlocking AI-powered DEX with Nexthink](/platform/getting-started/unlocking-ai-powered-dex-with-nexthink.md)
* [Five time-saving Nexthink tips](/platform/getting-started/five-time-saving-nexthink-tips.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.nexthink.com/platform/getting-started/navigating-the-web-interface.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.