Create a Custom Item for the Web Dashboard

• Apr 13, 2023
• 2 minutes to read

In addition to built-in dashboard items, you can implement and embed custom items into the Web Dashboard.

A custom item is a JavaScript extension that supports the following item-related features and more:

• Data Shaping
• Interactivity
• Export

If you are not familiar with the basic concepts of extensions, please start with the following topic: Extensions Overview.

Tutorials

The tutorials below describe how to create custom items step by step:

Static ItemCreate a custom Hello World item that displays static text and allows a user to change this text in the UI.Data-Aware ItemCreate a custom item that displays formatted dimension values and allows users to color these values.Data-Aware Item Based on an External Visualization WidgetCreate a custom item that uses the external dxFunnel widget. This widget supports data binding, master filtering, and coloring.Implement a Custom Item InteractivityThe topic describes what you need to do to support Master Filtering and Drill-Down for a custom item.

You can download the projects with the ready-to-use custom items based on the tutorials above:

View Example: ASP.NET CoreView Example: React

Custom Item Gallery

The Custom Item Gallery contains custom items created from the most popular user requests. You can find the following custom items inside:

• Simple Table
• Parameter Item
• Online Map
• Web Page
• Gantt Chart
• Funnel D3 Chart
• Polar Chart
• Hierarchical Tree View

View Example: ASP.NET CoreView Example: AngularView Example: React