反馈已提交

网络繁忙

决策报表控件移动端样式

  • 文档创建者:Wendy123456
  • 历史版本:19
  • 最近更新:Alicehyy 于 2024-06-28
  • 1. 概述

    1.1 版本

    报表服务器版本App 版本HTML5 移动端展现插件版本功能变动
    11.0V11.0V11.0-

    1.2 应用场景

    用户遇到下面场景时,需要调整控件样式:

    • 模板中控件高度不一,为了模板美观性,需要控件高度一致。

    • 有些控件不需要设置控件边框,例如单选按钮组控件。

    • 非浅色背景中,控件背景颜色与所处背景不统一。

    • 控件的字体颜色与模板整体效果不符。

    1.3 生效范围

    报表类型控件类型控件位置
    决策报表
    所有控件
    参数面板、body

    1.4 类型

    1)控件 的 移动端样式模板 分为「默认」和「扩展样式」。所有控件的移动端样式模板都支持「默认」样式,个别控件支持扩展样式,具体如下表所示:

    注:「扩展样式」指除「默认」外的其他样式。

    样式模板控件类型
    默认所有控件
    简约日历、导航日历、简约日期样日期控件
    简约下拉样下拉框控件、下拉复选框控件
    胶囊按钮、联排按钮、图文按钮单选按钮组控件、复选按钮组控件

    2)开启「控件显示增强」后,选中控件,「移动端>样式模板」选择「默认」,「通用属性>属性设置」选择「默认」时,「模板主题>控件样式>移动端」的设置才会生效;否则,移动端控件的样式按照「移动端>样式模板」的设置生效。

    3)开启「控件显示增强」后,「移动端>样式模板」中的「默认」和「扩展样式」的「通用属性>属性设置」选择 自定义 时,多了「主题色」设置项。

    4)「移动端>样式模板>通用属性>属性设置 」选择「自定义」时:

    • 未开启「控件显示增强」时 ,「通用属性」中所有设置项对「默认」都生效,但只有「组件背景」对「扩展样式 」生效。

    • 开启「控件显示增强」时,「通用属性」中所有设置项对「默认」都生效,对「扩展样式 」都不生效。

    2. 默认样式模板

    2.1 功能简介

    2.1.1 准备模板

    1)打开 FineReport 设计器,点击菜单栏「文件>新建其他模板>新建决策报表」。

    2)选择「新建空白模板」,点击「确定」,如下图所示:

    3)将控件中的「文本控件」拖入空白画布中,如下图所示:

    2.1.2 功能说明

    1)在组件设置界面选中 「文本控件」,在属性界面中点击「移动端>样式模板」旁的「...」按钮,如下图所示:

    2)「默认」样式模板分为 通用属性 和 设定 两部分,如下图所示:

    3)通用属性 的 属性设置 可设置为「默认」或「自定义」。

    • 通用属性 的 属性设置 为「默认」时,通用属性不可设置,界面如下图所示:

    • 通用属性 的 属性设置为 「自定义」时,支持设置通用属性的组件背景、边框线型、边框颜色、圆角边框、图标颜色、字体,界面如下图所示:

    各设置项说明如下表所示:

    设置项
    说明
    组件背景支持设置组件背景的颜色
    边框线型支持设置边框线型
    边框颜色支持设置边框颜色
    圆角边框支持设置边框圆角的大小
    图标颜色支持设置图标颜色
    字体支持设置字号、字体颜色、倾斜、加粗

    4)设定 不支持设置。

    2.2 示例

    2.2.1 准备模板

    准备模板同2.1.1,此处不再赘述。

    2.2.2 属性设置为自定义

    1)在组件设置界面选中 「文本控件」,在属性界面中点击「移动端>样式模板」旁的「...」按钮,如下图所示:

    2)属性设置选择「自定义」,设置 组件背景 、边框线型 、边框颜色 、圆角边框 、图标颜色 ,如下图所示:

    2.2.3 效果预览

    App 及 HTML5 端预览效果如下图所示:

    3. 扩展样式模板

    注:「移动端>样式模板」选择「扩展样式」,「通用属性>属性设置」选择「自定义」时,「通用属性」中只有「组件背景」对「扩展样式」生效,其余「通用属性」设置项均不生效。

    1)日期控件的扩展样式,详情参见:[通用]日期移动端日历样式

    2)下拉框控件、下拉复选框控件的扩展样式,详情参见:[通用]移动端简约下拉样式

    3)单选按钮组控件、复选按钮组控件的扩展样式,详情参见:[通用]单选按钮组移动端按钮组样式

    4. 控件显示增强

    4.1 所有控件通用

    1)HTML5 移动端展现插件 V11.0.82 版本之后适配「控件显示增强」,详情参见:控件显示增强 。

    2)点击菜单栏「模板>控件显示增强」,勾选「开启控件显示增强」,点击「确定」,即可开启功能。

    3)开启「控件显示增强」后,选中控件,「移动端>样式模板」选择「默认」,「通用属性>属性设置」选择「默认」时,「模板主题>控件样式>移动端」的设置才会生效;否则,移动端控件的样式按照「移动端>样式模板」的设置生效。

    4)开启「控件显示增强」后,「移动端>样式模板」中的「默认」和「扩展样式」的「通用属性>属性设置」选择 自定义 时,多了「主题色」设置项。

    4)「通用属性>属性设置 」选择「自定义」时:

    • 未开启「控件显示增强」时 ,「通用属性」中所有设置项对「默认」都生效,但只有「组件背景」对「扩展样式 」生效。

    • 开启「控件显示增强」时,通用属性中所有设置项对「默认」都生效,对「扩展样式 」都不生效。

    具体如下表所示:


    未开启控件显示增强开启控件显示增强
    样式\通用属性设置项组件背景其他设置主题色组件背景其他设置
    默认
    扩展样式××××

    4.2 下拉类控件

    1)下拉类控件点击后从侧边展开,更改为从底部展开,更符合用户的操作习惯。如下图所示:

    2)下拉框/单选下拉树控件,界面和交互优化,简化用户过滤步骤。

    用户展开控件面板时,删除「确定」按钮。用户选择选项,或点击「清空」后点击「查询」可直接进行过滤,如下图所示:

    1700191378397623.gif

    3)搜索显示全屏,能够展示更多搜索内容。

    4.3 文件控件

    上传图片的交互和操作流程优化。

    1)未添加图片时的界面优化,点击「+」添加图片。

    2)查看图片支持放大。

    1688558331813062.gif

    3)缩略图支持点击右上角直接删除。

    4)如果未显示的图片超过 6 张,点击折叠的图片「+N」,即可批量查看缩略图,并支持查看大图、删除图片等操作。

    1688558212430812.gif

    附件列表


    主题: 决策报表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持