[通用]移动端简约日历样式插件

  • 文档创建者:Wendy123456
  • 编辑次数:3次
  • 最近更新:Carly 于 2020-09-18
  • 1. 概述

    1.1 版本

    报表服务器版本JAR 包版本
    APP 版本HTML5 移动端展现插件
    10.0
    2020-01-1510.4.55V10.4.55

    1.2 应用场景

    移动端模板中的日期控件选择日期时,希望在当前页面选择日期并能够自定义设置日期控件的样式(边框、组件颜色、宽高等),可下载「移动端简约日历样式」插件实现此需求。

    1.3 功能简介

    下载「移动端简约日历样式」插件后,可为日期控件设置控件背景、边框颜色、字符字体、图标等。

    2. 插件介绍

    注:移动端简约日历样式插件复用「日期控件」,以插件方式新增样式模板,只能在「手机端专属决策报表模板」的 body 界面使用。

    2.1 插件安装

    插件下载请点击:移动端简约日历样式插件

    设计器插件安装方法请参见:设计器插件管理

    服务器安装插件方法请参见:服务器插件管理

    2.2 操作方法

    在 FineReport 设计器中,点击文件>新建决策报表,在控件面板中拖动「日期控件」到模板中。

    在右侧属性面板控件设置中,选中dateEditor0,点击移动端,可对「样式模板」进行选择和设置。

    如下图所示:

    1579075911514154.png

    3. 示例

    3.1 模板准备

    1)点击下载模板:行程管理主页-phone.frm

    2)在 FineReport 设计器中打开该模板,点击右侧属性面板中的控件设置>day>移动端,可在「样式模板」右侧选择简约日期样式。如下图所示:

    1579076179517138.png

    3.2 设置标签名称

    注:「标签名称」可不设置。

    点击右侧属性面板中的控件设置>day,为日期控件设置「标签名称」(可不设置),如下图所示:

    1579077633348937.png

    3.3 简约日期样式

    移动端 Tab 页的「样式模板」中选择并设置简约日期样式,如下图所示:

    1579078179856068.png

    简约日期样式各设置项说明如下表所示:


    属性备注
    组件背景没有背景,可自定义颜色
    控件样式选项包括「标准」和「自定义」,默认为自定义
    标签名称可设置「标签名称」的字符、字号、颜色、是否加粗、是否倾斜
    控件值可设置「控件值」的字符、字号、颜色、是否加粗、是否倾斜
    图标自定义上传图标
    控件背景没有背景,可自定义颜色
    控件边框选择日期控件边框的线型
    边框颜色选择日期控件边框的颜色
    圆角设置日期控件边框的圆角
    宽度选项包括「横向撑满」和「自定义」,默认为横向撑满;选择自定义时,显示数字控件

    注:为显示效果较佳,图标图片请选择尺寸大小在 16*16 到 68*68 之间的图片,支持 PNG、JPG 等格式。


    3.4 移动端效果

    1)APP

    APP 效果如下图所示:
    1579078042548491.jpg

    2)HTML5

    HTML5 端效果如下图所示:

    1579079676756478.jpg

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526