How can we Customize the Dashboard with Background Color and Images?

This article provides guidance on how to customize the background color and image of a dashboard, as well as the header background, title, and icon color.

Setting Background Color

To apply a background color to a dashboard:

1. Navigate to the Properties tab in the Dashboard Designer page.
2. Locate the Canvas Style option.
3. Enable the checkbox for Enabled Background Color.
4. Choose your desired background color from the Background Color field.

Setting Background Image

To apply a background image to a dashboard:

1. In the same Canvas Style section, enable the Enable Background Image option.
2. Upload your desired image using the Image field.

Image Fit Options

The Image Fit option provides four settings:

• Default: Displays the image in its original size.
• Fill: Fills the available space with the image.
• Uniform: Resizes the image proportionally to fit the widget area without clipping.
• Uniform to Fill: Resizes the image to occupy the space uniformly, but it may get clipped if it is larger than the control.

Image Type Options

The Image Type option allows for two methods of image sourcing:

• Local: Browse from the local machine to upload an image.
• URL: Provide a URL to access the image.

Customizing Dashboard Header

To customize the dashboard header background color and title color:

1. Enable the Enable Background Color option under the Banner Panel Style field.

2. Choose the desired color in the Background Color field.

3. To change the title color, icon color, enable the Enable Foreground Color checkbox and select the color using the Background Color field.
   

   
   
   

Conclusion

By following the steps outlined above, users can effectively customize the appearance of their dashboards to better suit their preferences and branding.