Redash中文商业版可以自定义部件背景,编辑界面不生效,仅在门户中非亮白模式下的当前视图生效。门户界面也可以自定义样式,针对当前门户所有报表中部件生效,支持任意符合css background 语法规范的格式。
部件基本设置中可以选择边框样式,内置无边框、单线框、线框四角加粗、四角祥云等样式,也可以选择部件背景透明,透明部件不带边框且不受门户样式影响。
部分边框效果
1.设置纯色背景
支持十六进制颜色值,支持设置透明度,例如:#FFFFFF, #00000050等。
设置网页背景区纯色效果示例:
纯色示例
网页背景区:#FFFFFF
2.设置图片背景
支持任意合法css规范,格式为:url("背景图片地址") 参数1 参数2 ……,参数之间用空格隔开。
图片效果示例
网页背景区:url("/static/images/happy/bg.jpg") center top / 100% 100% fixed
3.设置渐变色效果 背景支持符合css规范渐变色效果,颜色值之间用逗号隔开,格式为:linear-gradient(angle, color-stop1, color-stop2)
渐变色效果示例
部件标题栏:linear-gradient(to left, #003333, #309b9b, #003333)
4.设置多张图片叠加
格式为:url("图片地址1") 参数1 参数2,url("图片地址2") 参数1 参数2,……
支持多张图片叠加组合展示,可以和渐变色组合使用,中间用逗号隔开。
叠加组合效果示例
部件背景区: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)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。