Value Cards

📊

Advanced Value Cards

Instantly visualize telemetry data, KPI targets, and device statuses. Make your dashboard more interactive and easy to understand with these compact cards.

✨ Conditional Colors🔄 Auto Refresh📏 Dynamic Size
1

Value Cards

Display KPI and summary values in compact card layouts

🗂️Category

Value Cards category — all sub-widget types

Single Value Card

Basic card highlighting a single telemetry value with unit and icon

Single Value Card

🔢Value Card

Single value front face

🔢Value Card

Data source mapping

🔢Value Card

Device and tag selection

KPI Card

Card with target/actual comparison and percentage performance indicator

KPI Card

🎯KPI Card

KPI card front face

🎯KPI Card

Target value definition

🎯KPI Card

Visual style selection

🎯KPI Card

Color and threshold config

Trend KPI Card

KPI card with mini sparkline showing value trend over time

Trend KPI Card

📈Trend KPI

Trend sparkline view

📈Trend KPI

Time range selection

📈Trend KPI

Chart type configuration

📈Trend KPI

Color theme selection

2-Column KPI

Side-by-side comparative KPI layout showing two values

2-Column KPI

↔️2-Col KPI

Two-column card layout

↔️2-Col KPI

Value label configuration

↔️2-Col KPI

Color and icon settings

↔️2-Col KPI

Final card view

3-Column KPI

Compact layout showing three values in parallel on a single card

3-Column KPI

3-Col KPI

Three-column card structure

3-Col KPI

Data source mapping

3-Col KPI

Unit and label settings

3-Col KPI

Final view

Vertical KPI List

Multiple KPI values displayed in a vertical list on one card

Vertical KPI List

📋Vertical KPI

Vertical list view

📋Vertical KPI

Add and edit rows

📋Vertical KPI

Icon and color customization

📋Vertical KPI

Final configuration step

Telemetry Value Card

Dedicated card showing a live telemetry value with auto-refresh

Telemetry Value Card

📡Telemetry Value

Live value card view

📡Telemetry Value

Device and tag selection

📡Telemetry Value

Refresh interval setting

📡Telemetry Value

Color and size config

Serial Info Card

Card displaying device serial and inventory information

Serial Info Card

🏷️Serial Info

Serial info card view

🏷️Serial Info

Field selection and mapping

🏷️Serial Info

Visual layout setting

🏷️Serial Info

Completed card

Tip: Conditional Colors

All value cards support conditional color rules — the card automatically changes color when a value drops below a defined threshold.
Value Cards | SolarTools