页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 3 下一个 »

产品做OEM时,为了更好的统一系统风格,Smartbi提供了通过前端界面通过自定义覆盖CSS的方式调整部分元素风格的能力。

入口

 

设置样式

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

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

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

例如,要修改下图位置的样式

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

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

3、预览生效后的效果


  • 无标签