[comment]: # ({65c03452-e03ef403})
# 15 Item card

[comment]: # ({/65c03452-e03ef403})

[comment]: # ({9d1135ea-eaab320d})
#### Overview

The *Item card* widget displays details of a single item, allowing you to quickly assess the status and configuration of an item (latest data, errors, description, etc.).

![](../../../../../../assets/en/manual/web_interface/frontend_sections/dashboards/widgets/item_card.png){width=600}

The item can be set directly in the widget configuration or selected from a compatible widget on the dashboard.

The widget can display multiple sections, each showing different information.
The section layout is adjusted automatically based on the widget width; when expanded horizontally, sections are automatically rearranged into multiple columns.

[comment]: # ({/9d1135ea-eaab320d})

[comment]: # ({5d3b2019-320398a9})
#### Configuration

To configure, select *Item card* as type:

![](../../../../../../assets/en/manual/web_interface/frontend_sections/dashboards/widgets/item_card_configuration.png){width=600}

In addition to the parameters that are [common](/manual/web_interface/frontend_sections/dashboards/widgets#common-parameters) for all widgets, you may set the following specific options:

| | | |
|-|---------|----------------------------------------|
|*Item*|<|Select the item.<br>Alternatively, select a compatible widget as the [data source](/manual/web_interface/frontend_sections/dashboards/widgets/#dynamic-parameters) for items.<br>Matching suggestions appear as you type.<br><br>The top section of the widget always displays the **item name** (clicking it opens the [item menu](/manual/web_interface/menu/item_menu)):<br>- If the item is disabled, a red *Disabled* label is displayed next to the item name.<br>- In case of errors, a square icon with the letter "i" is displayed. In case of problems, a square icon with the problem count is displayed for each problem severity. Hovering over an icon opens a pop-up with details.<br>- On a [template dashboard](/manual/config/templates/template#adding-dashboards), the technical name (instead of visible name) of the item is displayed.<br><br>The top section of the widget also displays the **item path**—its host and, if applicable, template, low-level discovery (LLD) rule, or master item (clicking an entity opens its configuration).<br>Item path is displayed only to users with permissions to the respective entities.|
|*Show*|<|Add sections to display in the widget. Sections can be rearranged by dragging and dropping.|
| |*Description*|Displays item description. Macros are resolved.|
|^|*Error text*|Displays item error (if any).|
|^|*Metrics*|Displays the following information:<br>- Item update interval (except for [trapper items](/manual/config/items/itemtypes/trapper));<br>- Item history configuration (if any);<br>- Item trends configuration (if any).<br>Macros are resolved.<br><br>If the item uses [custom intervals](/manual/config/items/item/custom_intervals), a help icon is displayed next to item update interval. Hovering over the icon opens a pop-up with custom interval details.|
|^|*Latest data*|Displays the following information:<br>- Time since last item check;<br>- Item last value;<br>- Link to [simple graph/history](/manual/web_interface/frontend_sections/monitoring/latest_data#graphs-and-history) of item values (if history or trends are stored);<br>- Configurable [sparkline](#sparkline) chart (if item is numeric).<br><br>For binary type items, a thumbnail or the *Show* option is displayed instead of last value. Hovering over the thumbnail opens a pop-up with the image. Hovering over *Show* opens a pop-up with the item value (Base64 string).<br><br>On a [template dashboard](/manual/config/templates/template#adding-dashboards), *No data* is displayed instead of item last value.|
|^|*Type of information*|Displays item type of information.|
|^|*Triggers*|Displays the following information:<br>- *Triggers* label with trigger count (hovering over *Triggers* opens a pop-up with trigger details);<br>- List of trigger names (macros are resolved).|
|^|*Host interface*|Displays host interface used by the item, or *No data* if the item does not have a host interface (e.g., dependent items, simple checks).<br><br>On a [template dashboard](/manual/config/templates/template#adding-dashboards), *No data* is displayed.|
|^|*Type*|Displays item type.|
|^|*Host inventory*|Displays host inventory field that item value populates.|
|^|*Tags*|Displays item tags.|
|*Override host*|<|Select a compatible widget or the dashboard [host selector](/manual/web_interface/time_period_selector#host-selector) as the [data source](/manual/web_interface/frontend_sections/dashboards/widgets/#dynamic-parameters) for hosts.<br>This parameter is not available when configuring the widget on a [template dashboard](/manual/config/templates/template#adding-dashboards).|

[comment]: # ({/5d3b2019-320398a9})

[comment]: # ({3f404ea0-5a45c0e9})
##### Sparkline

Sparkline chart configuration options are available only if the *Latest data* section is added to the widget.

![](../../../../../../assets/en/manual/web_interface/frontend_sections/dashboards/widgets/item_card_sparkline.png){width=600}

|   |   |
|--|--------|
|*Width*|Set the graph line thickness by using the slider or manually entering a value in the range from 0 to 10.|
|*Color*|Select line and fill color.|
|*Fill*|Set fill color transparency level by using the slider or manually entering a value in the range from 0 to 10.|
|*Time period*|Select the [data source](/manual/web_interface/frontend_sections/dashboards/widgets/#dynamic-parameters) for the time period:<br>**Dashboard** - use the dashboard [time period selector](/manual/web_interface/time_period_selector);<br>**Widget** - use a [compatible widget](/manual/web_interface/frontend_sections/dashboards/widgets#widget-compatibility) (set in the *Widget* parameter);<br>**Custom** - use a custom time period set in the *From* and *To* parameters; if set, a clock icon will be displayed in the upper-right corner of the widget, indicating the set time on mouseover.<br>Note that regardless of the widget's *Time period* configuration, compatible widgets can still use it as a data source for the time period.|
|*Widget*|Enter or select a compatible widget as the data source for the time period.<br>This parameter is available if *Time period* is set to "Widget".|
|*From*|Enter or select the start of the time period.<br>[Relative time syntax](/manual/web_interface/time_period_selector) (`now`, `now/d`, `now/w-1w`, etc.) is supported.<br>This parameter is available if *Time period* is set to "Custom".|
|*To*|Enter or select the end of the time period.<br>[Relative time syntax](/manual/web_interface/time_period_selector) (`now`, `now/d`, `now/w-1w`, etc.) is supported.<br>This parameter is available if *Time period* is set to "Custom".|
|*History data*|Take data from history or trends:<br>**Auto** - automatic selection;<br>**History** - take history data;<br>**Trends** - take trend data.<br>This parameter applies only to numeric data. Non-numeric data will always be taken from history.|

[comment]: # ({/3f404ea0-5a45c0e9})
