Dashboard Global Settings

Title Configuration

In edit mode, click the dashboard title to modify it.

Global Configuration

Click the Global Configuration button to display the dashboard global configuration menu in the sidebar.

Title Font & Page Background

You can adjust the default dashboard title font style, size, alignment, margins, etc., in the dashboard global settings.

Query on Filter Change

When configured for immediate effect of parameter changes, each time a user modifies a query parameter, it automatically triggers chart refresh. This differs from manual query mode, which requires clicking the query button after modifying parameters to take effect.

Background Color

Supports dashboard background color, component background color, component border style configuration, title font configuration.

Local CSS

• To meet developers' needs for fine-grained style control, dashboards support local CSS settings. This feature allows writing independent styles for the current dashboard, affecting only this dashboard without impacting global or other dashboard pages.
• Local CSS supports Less/Sass-style nested syntax.

Below is an example code snippet modifying the background and font color of query menu bar buttons:

.action-buttons {
    .el-button--primary {
        background-color: darkblue;
        color: white;
    }
}