Redash Chinese Business Edition can customize the part background. The editing interface does not work. It only works in the current view in the non-white mode of the portal. The portal interface can also be styled to work on all widgets in the current portal’s reports, supporting any format that conforms to the CSS Background syntax specification.



In the basic setting of the component, you can choose the frame style, including built-in style without frame, single wireframe, four corners of the wire frame, four corners of auspicious cloud, etc., and you can also choose the component background transparent, transparent parts with no frame and not affected by the portal style.

Partial border effect



1. Set a solid background

Support for hexadecimal color values, support for setting opacity, for example: #FFFFFF, #00000050, etc.

Example of setting a solid color effect in the background area of a web page:

Pure color sample

Background: #FFFFFF



2. Set the background of the image

Support any valid CSS specification, format: URL (” background image address “) parameter 1 parameter 2…… , separated by Spaces between parameters.

Image effect example

Web page background area: url (“/static/images/happy/bg. JPG “) fixed center top 100% / 100%



Set gradient effect background to support CSS gradient effect, separated by a comma, in the format of linear-gradient(Angle, color-stop1, color-stop2).

Example of gradient effect

Linear gradient(to left, #003333, # 309B9B, #003333)



4. Set multiple images to overlay

The format is: URL (” picture address 1″) parameter 1 parameter 2, URL (” picture address 2″) parameter 1 parameter 2,…

Supports multiple picture superposition combination display, can be used with gradient combination, the middle separated by comma.

Example of overlay combined effects

Widget background area: url (“/static/images/portal/BDB PNG “) no – repeat right bottom,

url(“https://preview.dazdata.com/dazdatafiles/style/lines/line_h1.png”)repeat-x bottom,

url(“https://preview.dazdata.com/dazdatafiles/style/lines/line_v1.png”)repeat-y left,

url(“https://preview.dazdata.com/dazdatafiles/style/lines/line_v1.png”)repeat-y right,linear-gradient(#0a0e5090,#0a0e5090)