Getting the Dashboard Background Image

Problem

When you are creating a dashboard, you may want to add some background images to beautify your dashboard.

Solution

This document provides some built-in background images and border graphics in the FineBI demo.

Besides, this document provides a method to obtain the background image of the dashboard in the existing project.

Downloading the Built-in Background Image in the FineBI Demo.

You can download built-in background images and border images: Background and Border.zip.

Getting the Background Image of the Dashboard in the Existing Project.

Opening the Console

Open the dashboard that contains the required background image in Google Chrome, and press F12 to open the console, as shown in the following figure.

Switching to Application

Searching the Image

You can find the required background images under Images > Frames, as shown in the following figure.

Saving the Image

Right-click on the required image, and select Save image from the drop-down list to download the image, as shown in the following figure.

You can insert the obtained image as a background. Besides, you can insert the image into the dashboard with the image component and set the component background image, etc. For details, see Image Component.