Get dashboard's background picture

1.1 Problem description

When making a dashboard, users need to add some background pictures to make the dashboard more beautiful.

1.2 Solutions

This article provides some FineBI built-in DEMO background pictures and border pictures.

At the same time, it provides a way to obtain the background picture of the instrument panel in the existing project.

2.1 Download the background picture of BI built-in DEMO

To download of FineBI built-in DEMO background picture and border picture, please click: large screen background and border picture.rar

2.2 Obtain the background picture of the dashboard in the existing project

2.2.1 Open the dashboard

Use Google browser to open the dashboard that needs to obtain the background picture, and click "F12" to open the console, as shown in the following figure:

2.2.2 Switch to the "Application" tab

As shown in the figure below:

2.2.3 Find picture background

Find the required picture background in the "Images" directory under the "Frames" directory, as shown in the following figure:

2.2.4 Save picture

Select the desired picture and right-click "Copy image as data URL", as shown in the following figure:

Paste the URL in Google browser, right-click "Save as..." to save the current background picture locally, as shown in the following figure:

The obtained picture can be inserted into the background, or the picture component can be used to insert the dashboard, set the component background picture, etc. Reference documents are as follows:

Picture component.

Custom image drilling.

Background.