主题定制系列——自定义表格选中行背景色

栏目:云苍穹知识作者:金蝶来源:金蝶云社区发布:2024-09-23浏览:2

主题定制系列——自定义表格选中行背景色

# 变更记录 | 产品版本 | 更新内容 | 更新日期 | | --- | --- | --- | | V6.0.001 | 主题定制所属的路径从配置工具变更为基础服务云下个性设置的主题定制 | 2023-10-24 | # 用户场景 在使用表格过程中,大部分用户对选中行的颜色都不敏感,但是部分用户还是希望选中行颜色可以更加容易辨别,与以前用过的系统匹配。为了满足用户的个性化需求,所以在主题定制中暴露可以配置的参数。 # 功能介绍 使用前,推荐先阅读[《主题定制》](https://vip.kingdee.com/article/90752877873775360) 在主题配置界面,用户可以自定义表格的选中颜色,支持两种配置方式。 1. 支持跟随主题色的背景色,系统内置了9种主题色相关的颜色值:`@theme-color-level1` 、 `@theme-color-level2` 、`@theme-color-level3` 到 `@theme-color-level9` (也就是@theme-color-level,后面的数字从1-9),颜色由浅到深。推荐用户使用该种颜色,可使选中行背景色随主题色改变而切换。 2. 支持用户直接设置`[#eeeeee](http://fd.kingdee.com:9001/?key=%23eeeeee)` 、`rgb(238,238,238)` 和`red` 三种浏览器支持的颜色,不支持使用rgba。 ``` { "theme": { "@theme-color": "#FC8555", "@grid-row-selected-bg-color": "lightblue",//表格级选中行背景色 "@bill-list-grid-row-selected-bg-color": "@theme-color-level5",//列表级选中行背景色 "@entry-entity-grid-row-selected-bg-color": "@theme-color-level6",//单据体级选中行背景色 "@report-list-grid-row-selected-bg-color": "@theme-color-level7"//报表级选中行背景色 } } ``` 注意该属性主题提供了4层级别配置 `表格` `列表` `单据体` `报表` ,在后续的表格主题配置中都会出现。其中: * `表格` 层级设置会影响`列表` `单据体` `报表` * `列表` `单据体` `报表` 分别影响对应的控件,会覆盖`表格` 层级的配置 # 操作步骤 路径变更: V5.0及以下: 【配置工具】→【主题定制】 V6.0: 【基础服务云】→【个性设置】→【主题定制】 1. 通过应用-配置工具-主题定制 进入主题的定制界面 ![image.webp](/download/01001a5b0696a13f4c66883ec04fa1312412.webp) 1. 可以新增主题或者在已有的主题基础上修改,演示上是新增了一个主题 ![image.webp](/download/0100bf2307f9fdf84a1d9d4c0f31764cb2f3.webp) 1. 最后保存,在个人配置界面切换刚刚配置好的主题,表格选中行的颜色就改变啦~ ![image.webp](/download/0100c9cef61021524755994bb658e4d03532.webp)

主题定制系列——自定义表格选中行背景色

# 变更记录| 产品版本 | 更新内容 | 更新日期 || --- | --- | --- || V6.0.001 | 主题定制所属的路径从配置工具变更为基础...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息