...
在嵌入第三方系统前,请在openresource.jsp的地址中,增加一个参数customParams,参数值为{"diyTheme": "CSS文件名"},并且需要进行url转码,例如css文件名如下【diyTheme,并且需要进行url转码
例如:css文件名如下【diyTheme.css】,则参数的原值:{"diyTheme": "diyTheme"},编码后:%7B%22diyTheme%22:%20%22diyTheme%22%7D,最终传入的参数为:customParams=%7B%22diyTheme%22:%20%22diyTheme%22%7D
则url地址示例如下:
URL地址示例:http://localhost:8011/smartbi/vision/openresource.jsp?resid=资源id&customParams=%7B%22diyTheme%22:%20%22diyTheme%22%7D
信息 |
---|
注意:只支持openresource.jsp的方式切换主题。 |
转码可使用浏览器控制台输入下属代码换行即可:encodeURI('{"diyTheme": "css文件名"}')
说明:目前仅支持V11新版的即席查询和透视分析报表,对于旧版的即席查询和透视分析报表暂不支持切换主题,并且只支持openresource.jsp的方式切换主题,请知悉!
1.1.4. Css样式示例
...
3.5. css样式示例
1)顶部工具栏背景色:
css示例:
效果:
...
2)报表主体背景颜色
css示例:
效果:
...
3)过滤条件区样式
css示例:
效果:
...
4)表格区顶部横线样式
css示例:
效果:
...
5)设置区样式
css示例:
效果:
...
6)数据区样式
css示例:
效果:
...
7)数据区-新建计算列弹窗样式
css示例:
效果:
...
3.6 如何定位要修改的样式
切换主题主要是通过自定义的css覆盖产品内置的css,首先需要定位需要修改的样式class,可以在浏览器打开F12开发者模式,通过定位到要修改的元素,找到对应的class,点击进去,基于原有的定位器开发自定义的样式。