Back to Devexpress

Toolbox in the Web Dashboard

dashboard-117442-web-dashboard-ui-elements-and-customization-toolbox.md

latest6.0 KB
Original Source

Toolbox in the Web Dashboard

  • Feb 24, 2023
  • 2 minutes to read

The Toolbox is an extension that provides access to the dashboard menu and allows users to add dashboard items when the Web Dashboard operates in Designer mode.

The main parts of the Toolbox are listed below:

Dashboard Menu ButtonAllows you to invoke the dashboard menu that contains the Save, Open, and other main commands.Toolbox GroupsContains buttons that allow you to add dashboard items (Grid, Maps, Filter Elements, and so on), layout elements (Tab Container, Dashboard Group), or custom items.Toolbar GroupsContains frequently used commands (for instance, the Viewer button is displayed here if you enable the Dashboard Panel).

Toolbox Groups

The Toolbox groups dashboard items as follows:

|

Item Group

|

Description

|

Items

| | --- | --- | --- | |

Common

|

Data items used to visualize data.

|

Grid

Pivot

Chart

Treemap

Pies

Scatter Chart

Cards

Gauges

Text Box

Image

Bound Image

| |

Maps

|

Map dashboard items.

|

Geo Point Map

Choropleth Map

Bubble Map

Pie Map

| |

Filter

|

Items used to filter data in data items.

|

Range Filter

Combo Box

List Box

Tree View

Date Filter

| |

Layout

|

Items used to arrange another dashboard items in a dashboard.

|

Group

Tab Container

| |

Custom Section

|

Custom section. You can change this section’s name.

|

Custom items you have added to the Web Dashboard

|

Customization

Use the ToolboxExtension to manage the Toolbox.

The main parts of the Toolbox are listed below:

ToolboxExtension.menuItemsProvides access to the dashboard menu’s items collection.ToolboxExtension.toolboxGroups

Provide an access to the collection of toolbox groups obtained from the Toolbox.

Use the DashboardToolboxGroup.items property to access items in a toolbox group.

ToolboxExtension.toolbarGroups

Provides an access to the toolbar groups collection obtained from the Toolbox.

Use the DashboardToolbarGroup.items property to access items in a toolbar group.