Widget Library Reference

Open the Widget rail in the Page Designer (the default left pane). Drag any widget from the rail onto the canvas to add it. Use the Search for widgets field at the top to narrow the catalog.

Chart Widgets

• Pie — pie chart, aggregated values by category
• Area — area chart
• Donut — donut chart
• Histogram — histogram chart
• Bar — bar chart
• Radial Bar — stacked radial bar
• Bubble — bubble chart
• Linear Gauge
• Sankey — sankey diagram
• Radial Gauge — radial gauge chart

Data Components

• Data Grid — tabular data grid with per-column visualizations (Progress Bar, Star, Currency, Country Flag) and Pivot Mode.
• Stat Card — single-value KPI card.
• Progress Card — value with progress bar against a target.

Content

• Rich Text Card
• Divider
• Image

Empty Widget State

When you drop a widget on the canvas it appears with a placeholder until you configure its data source. Empty widgets show:

Widget Needs Configuration — Please configure the widget to display content.

Figure 7.4 — A freshly placed Pie Chart before configuration.

Widget Action Icons

Each widget on the canvas has a row of icons in its header:

• Refresh — reload the widget's data
• Settings — open the widget editor
• Edit — same as Settings
• Delete — remove the widget
• Resize / Expand