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