最新历史版本 :[通用]移动端支持FRM边距及组件间隔设置 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 版本编辑

报表服务器版本JAR 包
App 版本HTML5 移动端展现插件
10.02019-05-2010.2V10.2

2. 描述编辑

  • 应用场景:由于默认边距不可更改、组件样式单一、组件间隔不可更改,使得移动端报表展现不灵活不美观。

  • 功能介绍:制作决策报表时,用户可对移动端边距、组件间隔和组件边框进行个性化设置。如下图所示:

  

3. 边距及组件间隔设置编辑

3.1 设置对象

支持移动端边距和组件间隔设置的对象:FRM-body、Tab 块

3.2 设置步骤

3.2.1. 条件准备

移动端边距和组件间隔设置需满足以下任意一个条件:

1)body 布局方式选择自适应布局,body 与 Tab 可进行移动端边距及组件间隔设置。如下图所示:
222

注:该条件下无论是否手机重布局,均可进行设置
2)body 布局方式选择绝对布局,且移动端选择手机重布局,body 与 Tab 可进行移动端边距及组件间隔设置。如下图所示:

222

3.2.2. 边距设置

内边距指组件与容器之间的距离,组件间隔指该容器下各组件之间的距离。

移动端边距及组件间隔均默认为 4,用户可自行修改。如下图所示:

图片.png

注:设置的边距和组件间隔,只对当前容器下的组件有效,如有嵌套的容器,子容器使用自身的设置。

      如各组件设置值不同,可通过自适应布局嵌套 Tab 布局实现。

3.3 效果预览

3.3.1 PC 端

移动端设置对 PC 端无效无影响

3.3.2 移动端

1) App

从左到右依次是无边距无间隔、默认边距及间隔为 4、边距及间隔均为 10 的效果图。如下图所示:
222

注:设置移动端边距和间隔,不影响设计器模板可见区域

2) HTML5

从左到右依次是无边距无间隔、默认边距及间隔为 4、边距及间隔均为 10 的效果图。如下图所示:

1.jpg

注:需安装 HTML5 移动端展现插件

4. 组件样式设置编辑

4.1 设置对象

支持组件边框设置的对象:FRM 报表块、图表块

4.2 设置步骤

选择组件>属性>样式,设置边框粗细圆角的值,默认为 0。
222
注:如边框粗细为无,则圆角边框效果无法显示。

4.3 效果预览

4.3.1 PC 端

从左到右依次是默认直角边框、边框圆角值为 30 的效果图。如下图所示:

222

4.3.2 移动端

1) App

从左到右依次是默认直角边框、边框圆角值为 30 的效果图。如下图所示:
222

2) HTML5

从左到右依次是默认直角边框、边框圆角值为 30 的效果图。如下图所示:

2.jpg

注:关于决策报表框架样式的其他内容,请参考 决策报表框架样式