...
客户通过第三方系统开发的驾驶舱页面，点击驾驶舱的某一个位置打开iframe集成的透视分析或即席查询的报表中，界面UI不是很协调，需要做到整个背景色的修改、工具栏按钮以及勾选框的自适应修改等。
2.功能说明
对即席查询、透视分析的页面样式生效。对即席查询、透视分析，可以自定义样式。
| 信息 |
|---|
注意：客户需要自己增加主题，可根据Smartbi开发的修改CSS模板进行自定义调整，完成后，将CSS文件上传到指定的服务器目录下，然后再在系统中配置对应信息即可。 |
...
即席查询、透视分析
3.使用说明
3.1. 扩展包部署
扩展包：PD扩展包：PD_CustomTheme
部署说明：扩展包部署
| 信息 |
|---|
注意：更新扩展包之前，请做好知识库以及扩展包的备份。 |
...
在嵌入第三方系统前，请在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示例：
效果：
1.1.4.4. 表格区顶部横线样式
css示例：
效果：
1.1.4.5. 设置区样式
css示例：
效果：
1.1.4.6. 数据区样式
css示例：
效果：
...
4）表格区顶部横线样式
css示例：
效果：
5）设置区样式
css示例：
效果：
6）数据区样式
css示例：
效果：
7）数据区-新建计算列弹窗样式
css示例：
效果：
...
3.6 如何定位要修改的样式
切换主题主要是通过自定义的css覆盖产品内置的css，首先需要定位需要修改的样式class，可以在浏览器打开F12开发者模式，通过定位到要修改的元素，找到对应的class，点击进去，基于原有的定位器开发自定义的样式。
