Widgets

Add and configure widgets to visualize data in your dashboard

The dashboard editor provides a flexible canvas where you can arrange widgets. You can drag and drop widgets to position them as needed.

NocoDB dashboards support the following widget types:

สั่งงานด้วย NocoAI

• Add a metric widget showing the number of records in [table]
• Add a chart of [records by Status] to this dashboard
• Rearrange this dashboard so the metrics are at the top
• Remove the [widget name] widget

Adding Widgets

Click on Edit Dashboard to enter the dashboard editor. Then, use the widget toolbar at the top to add widgets. You can either click on the widget type in the toolbar or drag and drop it onto the dashboard canvas.

Configuring Widgets

Once a widget is added, you can configure its properties using the right panel. Each widget type has specific configuration options, such as:

• Data Source : Select the table and records to visualize.
• Display Options : Customize labels, colors, and formatting.

Refer to widget specific notes to learn more about available options for widget configuration.

<img src="/img/v2/dashboards/widget-number-edit-2.png" alt="Number Widget Config 2" style={{ width: "30%", minWidth: "240px", borderRadius: "8px", border: "1px solid #ddd" }} />

Arranging Widgets

You can drag and drop widgets to rearrange them on the dashboard canvas. NocoDB supports a flexible grid layout, allowing you to position widgets as needed.

Resizing Widgets

To resize a widget, hover over its right-corner until the resize cursor appears. Click and drag to adjust the widget size. Widget specific restrictions apply. Some widgets can be only resized horizontally.

Deleting Widgets

To remove a widget, click on 3-dot menu in the widget header and select Delete widget .

Duplicating Widgets

To create a copy of a widget, click on the 3-dot menu in the widget header and select Duplicate widget . This is useful for creating similar widgets with minor variations.

Related pages

• Number : Configure number widgets to display key metrics in your dashboard
• Text : Configure text widgets to add static textual content to your dashboard
• Bar Chart : Configure bar chart widgets to compare values across categories in your dashboard
• Line Chart : Configure line chart widgets to visualize trends and comparisons over time or categories in your dashboard
• Pie Chart : Configure pie chart widgets to visualize data distribution in your dashboard
• Donut Chart : Configure donut chart widgets to visualize data distribution in your dashboard
• iFrame : Embed external content securely inside your dashboard using the iFrame widget