Help Center
Help Center
Introduction to Operations Center
Welcome to Operations CenterGlossaryOperations Center Mobile App
Getting started
Create your first boardCreate cards to visualise your projects, tasks and work
Invite your team
Invite members to a systemAssign board roles to users or groups Roles and permission
Discover views and layouts
Discover board viewsDiscover card structure Open card detailsComments, files, checklist, and audit tabs
Resources in Operations Center
Manage your resources with Operations CenterResources settings
Collaboration & communication
Assign resources to cardsNotifications
Board settings
General board settingsCustomise boardsCustomise cardsDiscover map previewManage Board Resources in Operations CenterCreate categoriesCreate tags Create custom fields
Advanced features
Link cardsRecurring cardsChecklists templatesBoard and Resource FiltersBoard templates
System Settings
General settings
Access
Cards
Integrations
Introduction to Operations Center Integrations
Security Center
Power automate
API documentation
Introduction
System architecture
Authentication
Automation API
Help
Help Center
About
Included Third Party Software
FAQs
What is includedSubscription managementSystem design and deployment
Trainings
Operations Center Training
Introduction to Operations Center
Technical Sales Training
Use cases
Power automate
Dashboards
Dashboards in Operations CenterStart by creating a boardCreating & Customizing DashboardData Normalization and Setting AliasesDynamic Data Filtering with ParametersBuilding a new dashboardData Source for the Weekday WidgetSetting Up the Dashboard

Building a new dashboard

Topics covered

  • Adding a Group widget to the dashboard
  • Setting up interactivity and master filtering
  • Binding data to the widget
  • Configuring widget options, captions, and search functionality

 

Adde and Configure a Group Widget

We’re now integrating the data source we created into a widget. By configuring the Interactivity settings, we ensure that filtering works seamlessly across multiple widgets. For this step, turn on the Master Filter option, which allows this widget to act as a central filter for others. More details on configuring interactivity will follow.

 

Step 1. Reveal the Dashboard Designer:

  • Click the Close button to hide the main menu.
  • This will expose the Dashboard Designer interface.

 

 

Step 2. Add a Group Widget:

On the left side, locate the Widget Toolbar.

  • In the Layout section, click and drag the Group Widget onto the dashboard surface.
  • This action adds the Group Widget to your dashboard.Value: ?BoardId

 

 

Access Widget Configuration Options:

  • Use the toolbar that appears at the top of the widget to access configuration options.
  • Click the Interactivity button to open its panel.

 

 

 

Configure Interactivity and Add a List Box

Steps to Configure the Group Widget:

1. Enable Master Filter

 

 

2. Set the Caption

  • Click on the Options button in the widget toolbar.
  • Update the Caption to Filters for clarity.
  • Close the options.

 

 

3. Add the List Box Widget

  • Drag the List Box Widget:
  • Locate the List Box Widget in the Widget Toolbar.
  • Drag and drop it inside the Group Widget.

💡 Important note: Ensure that the List Box Widget is placed inside the Group Widget. This step is critical for enabling proper filtering functionality across other widgets on the dashboard.

 

 

 

Binding the Widget to the Data Source

 

Now that we have set up the List Box widget, we need to bind it to the Categories data source we created earlier. This will allow the widget to pull in and display the relevant category data. Steps to Bind the List Box Widget:

1. Open the Binding Panel: Click on the Binding button to open the panel.

 

 

2. Select the Data Source:

  • In the panel, click on the DATA SOURCE section to expand it.
  • Since Categories is the only data source we've defined so far, it will be selected automatically.
  • Click OK to confirm the data source.

 

 

3. Add a Dimension:

In the Dimensions property, click on Add Dimension to add a new dimension to the widget.

 

By following these steps, the List Box widget will now be connected to the Categories data source, allowing it to display the appropriate data and interact with the rest of the dashboard elements.

 

 

 

Binding and Configuring the Category List Box Widget

 

 

1. Bind the CategoryTitle as a Dimension

Click on the CategoryTitle field to add it as a dimension to the List Box widget. Once selected, CategoryTitle will appear as a dimension in the Binding panel, indicating that it is now bound to the List Box widget.

 

 

2. Configure Options and Interactivity

To configure the widget, start by expanding the Options section and setting the Caption to "Category."

 

 

After that, close the Binding Panel by clicking the Close button.

 

 

Next, enable Cross-Data-Source Filtering by opening the Interactivity panel and turning it ON. This ensures that any filter applied will affect all widgets across the dashboard. For further details on Master Filtering, you can refer to the DevExpress Master Filtering Documentation.

 

 

 

3. Enable search


Open the Options panel and turn Enable Search ON.


Categories are now visible.

💡 Make sure you apply your changes!

 

 

 

Was this article helpful?

Powered by Product Fruits