Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
98 changes: 49 additions & 49 deletions docfx.json
Original file line number Diff line number Diff line change
@@ -1,49 +1,49 @@
{
"build": {
"content": [
{
"files": [
"eud-for-bi-dashboards/**/*.{md,yml}",
"eud-for-devexpress-reports/**/*.{md,yml}",
"toc.yml",
"index.md"
],
"exclude": [
"_*/**"
]
}
],
"resource": [
{
"files": [
"favicon.ico",
"logo.svg",
"eud-for-bi-dashboards/dashboard-for-web/images/**",
"eud-for-devexpress-reports/reporting-for-web/images/**",
"eud-for-bi-dashboards/dashboard-for-desktop/images/**",
"eud-for-devexpress-reports/reporting-for-desktop/images/**"
],
"exclude": [
"_*/**"
]
}
],
"output": "_site",
"template": [
"default",
"modern",
"./.template"
],
"sitemap": {
"baseUrl": "https://devexpress.github.io/"
},
"globalMetadata": {
"_appName": "DevExpress EUD",
"_appTitle": "DevExpress End-User Documentation",
"_appFaviconPath": "favicon.ico",
"_appFooter": "Copyright (c) 1998-2025 Developer Express Inc. All rights reserved.",
"_appLogoPath": "logo.svg",
"_enableSearch": true
}
}
}
{
"build": {
"content": [
{
"files": [
"eud-for-bi-dashboard/**/*.{md,yml}",
"eud-for-devexpress-reports/**/*.{md,yml}",
"toc.yml",
"index.md"
],
"exclude": [
"_*/**"
]
}
],
"resource": [
{
"files": [
"favicon.ico",
"logo.svg",
"eud-for-bi-dashboard/dashboard-for-web/images/**",
"eud-for-devexpress-reports/reporting-for-web/images/**",
"eud-for-bi-dashboard/dashboard-for-desktop/images/**",
"eud-for-devexpress-reports/reporting-for-desktop/images/**"
],
"exclude": [
"_*/**"
]
}
],
"output": "_site",
"template": [
"default",
"modern",
"./.template"
],
"sitemap": {
"baseUrl": "https://devexpress.github.io/"
},
"globalMetadata": {
"_appName": "DevExpress EUD",
"_appTitle": "DevExpress End-User Documentation",
"_appFaviconPath": "favicon.ico",
"_appFooter": "Copyright (c) 1998-2025 Developer Express Inc. All rights reserved.",
"_appLogoPath": "logo.svg",
"_enableSearch": true
}
}
}
Original file line number Diff line number Diff line change
@@ -1,35 +1,35 @@
---
title: Dashboard Designer
author: Natalia Kazakova
legacyId: 15758
---
# Dashboard Designer
The **Dashboard Designer** provides an intuitive UI that facilitates data binding and shaping, and layout design. Many of these normally complex tasks can be accomplished with a simple drag-and-drop operation, allowing you to start creating dashboards immediately.

![MainFeatures_Designer](images/img124547.png)

## Creating Dashboards
The following topics will guide you through the process of creating a dashboard.
* [Create a Dashboard](dashboard-designer/create-a-dashboard.md)
* [Provide Data](dashboard-designer/provide-data.md)
* [Work with Data](dashboard-designer/work-with-data.md)
* [Add Dashboard Items](dashboard-designer/add-dashboard-items.md)
* [Bind Dashboard Items to Data](dashboard-designer/bind-dashboard-items-to-data.md)
* [Dashboard Item Settings](dashboard-designer/dashboard-item-settings.md)
* [Data Shaping](dashboard-designer/data-shaping.md)
* [Interactivity](dashboard-designer/interactivity.md)
* [Appearance Customization](dashboard-designer/appearance-customization.md)
* [Data Analysis](dashboard-designer/data-analysis.md)
* [Convert Dashboard Items](dashboard-designer/convert-dashboard-items.md)
* [Dashboard Layout](dashboard-designer/dashboard-layout.md)
* [Undo and Redo Operations](dashboard-designer/undo-and-redo-operations.md)
* [Automatic and Manual Updates](dashboard-designer/automatic-and-manual-updates.md)
* [Save a Dashboard](dashboard-designer/save-a-dashboard.md)

## Printing and Exporting
The Dashboard Designer provides the capability to print or export the individual items of a dashboard, as well as the entire dashboard.
* [Printing and Exporting](dashboard-designer/printing-and-exporting.md)

## UI Elements
The topics in this section describe the main elements of a Dashboard Designer application.
---
title: Dashboard Designer
author: Natalia Kazakova
legacyId: 15758
---
# Dashboard Designer
The **Dashboard Designer** provides an intuitive UI that facilitates data binding and shaping, and layout design. Many of these normally complex tasks can be accomplished with a simple drag-and-drop operation, allowing you to start creating dashboards immediately.
![MainFeatures_Designer](images/img124547.png)
## Creating Dashboards
The following topics will guide you through the process of creating a dashboard.
* [Create a Dashboard](dashboard-designer/create-a-dashboard.md)
* [Provide Data](dashboard-designer/provide-data.md)
* [Work with Data](dashboard-designer/work-with-data.md)
* [Add Dashboard Items](dashboard-designer/add-dashboard-items.md)
* [Bind Dashboard Items to Data](dashboard-designer/bind-dashboard-items-to-data.md)
* [Dashboard Item Settings](dashboard-designer/dashboard-item-settings.md)
* [Data Shaping](dashboard-designer/data-shaping.md)
* [Interactivity](dashboard-designer/interactivity.md)
* [Appearance Customization](dashboard-designer/appearance-customization.md)
* [Data Analysis](dashboard-designer/data-analysis.md)
* [Convert Dashboard Items](dashboard-designer/convert-dashboard-items.md)
* [Dashboard Layout](dashboard-designer/dashboard-layout.md)
* [Undo and Redo Operations](dashboard-designer/undo-and-redo-operations.md)
* [Automatic and Manual Updates](dashboard-designer/automatic-and-manual-updates.md)
* [Save a Dashboard](dashboard-designer/save-a-dashboard.md)
## Printing and Exporting
The Dashboard Designer provides the capability to print or export the individual items of a dashboard, as well as the entire dashboard.
* [Printing and Exporting](dashboard-designer/printing-and-exporting.md)
## UI Elements
The topics in this section describe the main elements of a Dashboard Designer application.
* [UI Elements](dashboard-designer/ui-elements.md)
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
---
title: Add Dashboard Items
author: Natalia Kazakova
legacyId: 15768
---
# Add Dashboard Items
To create a dashboard item in the Dashboard Designer, click the corresponding button in the **Home** ribbon tab.

![Ribbon_InsertGroup](../images/img18512.png)

This creates an empty dashboard item, and displays the required data sections for binding this item to data (for instance, the image below displays the [Pivot](dashboard-item-settings/pivot.md) dashboard item and corresponding data sections).

![EUDocs_CreatingDashboardItems_NewPivot](../images/img21201.png)

Perform the following steps to design a dashboard item.
* [Bind](bind-dashboard-items-to-data/bind-dashboard-items-to-data.md) the dashboard item to data.
* Perform the required [data shaping](data-shaping.md) operations (such as grouping, sorting and filtering).
* Use the [interactivity](interactivity.md) features to enable interaction between various dashboard items.
* Adjust the dashboard item's [position and size](dashboard-layout/dashboard-items-layout.md) and specify the [dashboard item caption](dashboard-layout/dashboard-item-caption.md) settings.
* Specify specific dashboard item settings based on its type. To learn more, see [Dashboard Item Settings](dashboard-item-settings.md).

After you have created and designed the dashboard item, you can create an exact copy. To do this, click the **Duplicate** button in the **Home** ribbon tab...

![Ribbon_DuplicateDashboardItem](../images/img23150.png)

... or use the dashboard item's context menu. To remove the dashboard item from the dashboard, use the **Delete** button or the corresponding item in the context menu.
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
---
title: Appearance Customization
author: Natalia Kazakova
legacyId: 16795
---
# Appearance Customization
The topics in this section describe how to customize the appearance of a dashboard or any of its elements using conditional formatting and coloring.

This section contains the following topics:
* [Conditional Formatting](appearance-customization/conditional-formatting.md)
* [Coloring](appearance-customization/coloring.md)
* [Data Display Formatting](appearance-customization/data-display-formatting.md)
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
---
title: Coloring
author: Natalia Kazakova
legacyId: 17943
---
# Coloring
The Dashboard Designer allows you to paint dashboard item elements such as chart series points or pie segments.

![Coloring_GlobalColors](../../images/coloring_globalcolors25370.png)

## Supported Dashboard Items
You can paint the following [dashboard items](../dashboard-item-settings.md):

* Chart
* Scatter Chart
* Pie
* Pie Map
* Range Filter
* Treemap

## Color Scheme Overview
The dashboard supports two ways to color dashboard item elements:

* A **Global Color Scheme** uses consistent colors for identical values across the dashboard. The image below shows a dashboard that contains Pie and Chart dashboard items. Pie segments and chart series points that correspond to _Wisconsin_, _Oregon_ and _Idaho_ dimension values use identical colors from the default palette.

![wdd-coloring-global-scheme](../../images/wdd-coloring-global-scheme126076.png)

For a global color scheme, the dashboard reserves automatically generated colors for specific values regardless of the filter state.
* A **Local Color Scheme** uses an independent set of colors for each dashboard item. The image below shows Pie segments that use colors from a local color scheme. These colors do not affect the Chart items that use a global scheme.

![common-coloring-local-scheme](../../images/common-coloring-local-scheme.png)

For a **Local** color scheme, the dashboard reassigns palette colors when the filter state is changed.

>[!TIP]
>**Local** colorization paints dashboard item elements more quickly because the control does not request all possible colors and requests only colors used in the current item.

## Color Measures and Dimensions
You can use predefined color modes to paint individual dimensions or all measures in a dashboard item.

The following color settings are available:

| Color Mode Option | Description |
|---|---|
| **Default** | Enables or disables coloring depending on the dashboard item's type. For example, for TreeMap arguments and Chart series, **Default** means **Hue**. For Chart arguments, **Default** means **None**. |
| **Hue** | Elements use different colors. |
| **None** | Elements use the same color. |

## Documentation

Refer to the following help topics for more information on how to configure color variation in the WinForms Designer:

* [Coloring Concepts](coloring/coloring-concepts.md)
* [Customizing a Color Scheme](coloring/customizing-a-color-scheme.md)
Loading