1. 概述
1.1 版本
| 报表服务器版本 | App 版本 | HTML5 移动端展现插件版本 |
|---|---|---|
| 11.0 | V11.0 | V11.0 |
1.2 应用场景
用户希望改变移动端决策报表内的 下拉框 和 下拉复选框 的样式。
注1：在以下场景中不能生效：填报 CPT 、参数面板、与顶部参数面板组合使用、视图树控件。
注2：本文以「下拉框」为例进行功能简介和示例，下拉复选框与下拉框的「移动端>样式模板」设置基本相同，本文不再赘述。
2. 功能简介
2.1 功能入口
1）点击下载准备模板及表格：企业员工春节出行统计.zip
2）在 FineReport 设计器中打开该模板，选中下拉框控件（bumenx），点击右侧属性界面的「移动端>样式模板」右侧的「...」。如下图所示：
3）点击后，样式模板分为「默认」和「简约下拉样式」，界面如下图所示：
注：「默认」样式详情参见：[通用]控件移动端样式模板
2.2 简约下拉样式
样式模板选择「简约下拉样式」，设置界面分为「通用属性」和「设定」。
2.2.1 通用属性
样式模板选择「简约下拉样式」，通用属性 的设置 与「默认」的 通用属性 设置相同。
2.2.2 设定
样式模板选择「简约下拉样式」，设定 的 控件样式 分为「默认」和「自定义」。
1）控件样式 为「默认」时，设定 为默认状态，用户不可设置，界面如下图所示：
2）控件样式 为「自定义」时，用户可自定义设置 设定 ，界面如下图所示：
各设置项说明如下表所示：
| 设置项 | 说明 | |
|---|---|---|
| 标签名称 | 字符 | 支持设置字体、字号、字体颜色、加粗、倾斜 |
| 控件值 | 字符 | 支持设置字体、字号、字体颜色、加粗、倾斜 |
| 箭头 | 展开图标 | 支持设置展开图标 注：为使显示效果最佳，请选择尺寸大小在 16 * 16 到 68 * 68 之间的图片，支持 PNG 、JPG 等格式；建议使用48*48规格的 PNG 图片 |
| 收起图标 | 支持设置收起图标 注：为使显示效果最佳，请选择尺寸大小在 16 * 16 到 68 * 68 之间的图片，支持 PNG 、JPG 等格式；建议使用48*48规格的 PNG 图片 | |
| 控件区域 | 控件背景 | 支持设置控件背景的颜色 |
| 控件边框 | 支持设置控件边框的类型 | |
| 边框颜色 | 支持设置边框颜色 | |
| 圆角 | 支持设置圆角 | |
| 宽度 |
| |
| 下拉浮层 | 宽度 |
|
3. 示例
3.1 准备模板
准备模板与2.1节的功能入口内容相同，此处不再赘述。
3.2 设置简约下拉样式
样式模板选择「简约下拉样式」，可分别设置「通用属性」和「设定」。
1）通用属性 的 属性设置 保持为「默认」，设定 的 控件样式 选择「自定义」。
2）设置 展开图标 、收起图标 ，设置 控件背景 、控件边框 、边框颜色 、圆角 、宽度 ，点击「确定」，如下图所示：
3.3 效果查看
移动端效果（以 App 效果为例）如下图所示：
