反饋已提交

網絡繁忙

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

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

附件列表


主題: 目录错乱的简中文档合集
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙