Create a Custom Item

• May 29, 2019
• 2 minutes to read

In addition to numerous built-in dashboard items, you can implement and embed your own items into the Web Dashboard - custom items. A custom item is a JavaScript extension that allows you to add standard item features, including data shaping, interactivity, export, etc.

The tutorials below describe how to create custom items.

Note

This tutorial requires a ready-to-use Web Designer application. You can create such an application using the DevExpress Template Gallery or by following the tutorials in the Build Web Dashboard Applications section. The custom items below are implemented in the dashboard template projects (the Web Forms, MVC, .NET Core, and HTML JavaScript applications).

Add the Custom_Items folder to the project to store script files containing a custom item’s source code.

• Create a Static Item

  This tutorial shows how to create a custom item that displays the ‘Hello World!’ text.

• Create a Data-Aware Item

  This lesson shows you how to create a custom item that displays formatted dimension values and allows end-users to color these values.

• Create a Data-Aware Item using an External Visualization Widget

  This tutorial shows you how to create a custom item that uses an external visualization widget. This widget supports data binding, master filtering and coloring.