页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

产品做OEM时,为了更好的统一系统风格,Smartbi提供了通过前端界面通过自定义覆盖CSS的方式调整部分元素风格的能力。产品做OEM时,为了更好的统一系统风格,Smartbi提供了通过前端界面通过自定义覆盖CSS的方式调整部分元素风格的能力;如果未查找到对应的CSS类,则无法自定义修改。

入口

 

设置样式

如下图,在自定义样式中,直接书写对应CSS的样式,即可修改样式。

使用案例:定制找到要修改的界面元素引用的CSS

打开浏览器的开发者模式(一般通过F12快捷键),打开对应的页面,通过定位到要修改的元素,找到对应的class,确认最终引用的CLASS后,即可在上一章节中的自定义样式中进行修改

...

1、根据下图步骤找到引用的,上方元素最终生效的clss是.datasource-view__items-pane .items-title__text::before,直接调整样式中的background-color,发现界面样式变了。

2、把找到的css添加到自定义样式中,保存后刷新页面,即可生效。2、把找到的css添加到自定义样式中,修改需要调整的属性,保存后刷新页面,即可生效。

3、预览生效后的效果