Customizing Dashboard Pages and Grids

Prerequisites

You have logged in to the management console and accessed the dashboard editing page. For details, see Creating a Dashboard.

Procedure

• Page Settings
  1. On the dashboard editing page, click Page Settings in the upper right corner of the page.
  2. On the page setting page, set the global style and page layout of the dashboard. For details about the parameters, see Table 1 and Table 2.

     Table 1 Global style parameters

     Parameter	Description
     Page Background	Set the background color of the dashboard.
     Color Palette	Set the color system supported by the dashboard. The options include System and Custom. Color scheme supported by the system: Select the required color scheme from the drop-down list. Custom: You can customize the images to determine the color scheme.
     Font	Font of the dashboard.
     Corner Rounding	Set the corner radius of the chart cards by either entering a specific value or using the and buttons.
     Card Stroke	Set the stroke of the chart cards by either entering a specific value or using the and buttons.
     Component Inner Margin	Set the inner margin of a component. The options include Default and Custom. You can customize the inner margin by either entering a specific value or using the and buttons.

     Table 2 Page layout parameters

     Parameter	Description
     Page Title	Set the page title. You can select or deselect this parameter. If selected, the page title is displayed. If not selected, the page title is not displayed.
     Title	Page title, which can be customized.
     Text	Font size of the title. You can customize it by either entering a specific value or using the and buttons.
     Alignment	Two alignment options are supported: left alignment and center alignment.
     Bottom Margin	Set the margin from the title to the page. You can retain the default value or customize one. You can customize the value by either entering a specific value or using the and buttons.

  3. Click the Advanced tab. On this tab, set the parameters based on Table 3.

     Table 3 Parameters on the Advanced tab

     Parameter	Description
     Display watermark	If the checkbox is selected, the default username is displayed on the chart canvas. If the checkbox is not selected, the username is not displayed. You can also enter custom watermark content in the watermark content text box.
     Global Parameter	Click next to Parameter Setting. In the Global Parameters dialog box that appears, set the global parameter list, query conditions, and charts.

  4. Click Save to save the dashboard.
• Grid Setting
  1. On the dashboard editing page, click Grid Setting in the upper right corner.
  2. On the Page Grid Configuration page, set Number of Grid Columns, Column Spacing, Line Spacing, and Page Margin. For details about the parameters, see Table 4.
  3. Click Save to save the dashboard.

     Table 4 Grid parameters

     Parameter	Description
     Number of Grid Columns	Set the number of grid columns. You can set the number by either using the and buttons or entering a specific value.
     Column Spacing	Set the spacing between grid columns. You can set the spacing by either using the and buttons or entering a specific value.
     Line Spacing	Set the spacing between grid lines. You can set the spacing by either using the and buttons or entering a specific value.
     Page Margin	Set the margin between a grid and the page. You can set the margin by either using the and buttons or entering a specific value.