产品做OEM时,为了更好的统一系统风格,Smartbi提供了通过前端界面通过自定义覆盖CSS的方式调整部分元素风格的能力。产品做OEM时,为了更好的统一系统风格,Smartbi提供了通过前端界面通过自定义覆盖CSS的方式调整部分元素风格的能力;如果未查找到对应的CSS类,则无法自定义修改。
入口
设置样式
如下图,在自定义样式中,直接书写对应CSS的样式,即可修改样式。
使用案例:定制找到要修改的界面元素引用的CSS
打开浏览器的开发者模式(一般通过F12快捷键),打开对应的页面,通过定位到要修改的元素,找到对应的class,确认最终引用的CLASS后,即可在上一章节中的自定义样式中进行修改
...
1、根据下图步骤找到引用的,上方元素最终生效的clss是.datasource-view__items-pane .items-title__text::before,直接调整样式中的background-color,发现界面样式表了。color,发现界面样式变了。
...
2、把找到的css添加到自定义样式中,修改需要调整的属性,保存后刷新页面,即可生效。
3、预览生效后的效果