# Cards

## User Guide: Support Agent Tab <a href="#user-guide-support-agent-tab" id="user-guide-support-agent-tab"></a>

### Cards <a href="#cards" id="cards"></a>

A variety of cards are utilized within a given dashboard. This document breaks down the various kinds that may be encountered.

> **Note:** Specific cards and data points are subject to change. The examples provided are merely for demonstrative purposes.

#### Single-Value Cards <a href="#single-value-cards" id="single-value-cards"></a>

Single-value cards display one numeric value, such as the total number of applications, devices in bootloop, or devices not reporting.

<figure><img src="/files/Xk5zJ67xe2fLrVcpN0Os" alt="" width="383"><figcaption></figcaption></figure>

Single-value cards have a variation called visual charts.

<figure><img src="/files/06NPBvXFAoT6QDmNpOEb" alt="" width="386"><figcaption></figcaption></figure>

Many single-value cards allow users to delve into more detailed data by selecting the drilldown menu (for more information, see [documentation on viewing dashboards](/bluefletch-enterprise/product-guides/portal/support-agent/dashboards.md)).

#### Circle Gauge Cards <a href="#circle-gauge-cards" id="circle-gauge-cards"></a>

Circle gauge cards display a summary of data points as a fraction of a whole, often showing the percentage of devices that have completed a desired action, such as the percentage of devices reporting or using a specific application. The circle gauge cards display the title of the card, a circle with a percentage in the center, and a description of the measured factor.

<figure><img src="/files/4uvXn0ArOFNMeOHIH8e6" alt="" width="512"><figcaption></figcaption></figure>

There is a new version of the circle gauge card available called circle gauge v2, which also has a small bar graph alongside it.

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

#### Bar Chart Cards <a href="#bar-chart-cards" id="bar-chart-cards"></a>

Bar chart cards display data points that can be measured in intervals, such as remaining battery life, and may be as complex as the distribution of multiple events over a period of time.

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

#### Horizontal Bar Cards <a href="#horizontal-bar-cards" id="horizontal-bar-cards"></a>

Similar to bar charts, horizontal bar cards display intervaled data but the subjects are listed on the Y-axis and the data measured for each subject is recorded on the X-axis.

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

#### Line Segment Cards <a href="#line-segment-cards" id="line-segment-cards"></a>

Line segment cards record data as fractions of a whole, with the total count listed to the side for context. Line segments serve as a unique alternative to the circle gauge cards.

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

#### Line Chart Cards <a href="#line-chart-cards" id="line-chart-cards"></a>

Line chart cards plot events across an X-axis, which is usually a measure of time. There can be multiple lines in on one chart card, which is useful for comparing multiple streams of data, such as events in one day at different sites or events on a specific day compared to on average.

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

#### World Map Cards <a href="#world-map-cards" id="world-map-cards"></a>

World map cards track GPS coordinates of organization devices, plotting the locations the devices reported from on a zoom-enabled world map.

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

#### Data Table Cards <a href="#data-table-cards" id="data-table-cards"></a>

Data table cards show a variety of device or application information in the format of a data table, and are the most detailed card type. A data table card can be found in various public main dashboards, or may be reached after selecting the drilldown menu on another type of card.

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

There is a new variation of data table cards, data table 2.

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

Data tables listing devices are often set up to link each row with a unique device to that device's [***Device Details***](/bluefletch-enterprise/product-guides/portal/support-agent/device-details.md) dashboard URL.

**Data Table Menus**

To customize the arrangement of the data tables, hover over the name of a column and click the menu button that is revealed.

<figure><img src="/files/T3NC4hm6wbEHGwcRcyWZ" alt="" width="517"><figcaption></figcaption></figure>

The left-most icon allows the user to pin the selected column or resize columns.

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

The middle icon allows the user to filter the rows by individual data points by showing the selected rows in the table and hiding the unchecked rows.

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

The right icon allows the user to reveal or hide each column.

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


---

# 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.bluefletch.com/bluefletch-enterprise/product-guides/portal/support-agent/cards.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.
