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

目录:

1. 概述编辑

1.1 版本

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

1.2 应用场景

用户需要对决策报表的 body 、Tab 块的移动端内边距和组件间隔进行个性化设置。

Tab 块的移动端内边距和组件间隔均保持默认的 4px,body 的移动端内边距和组件间隔均为 0px 、4px 、10px,以App为例进行效果预览,红色方框标注的是组件间隔,如下图所示:

2. 功能介绍编辑

2.1 功能说明

1)设置对象:决策报表的 body 和 Tab 块。

2)内边距:指组件与容器之间的距离,默认为 4px 。

3)组件间隔:指该容器下各组件之间的距离,默认为 4px 。

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

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

2.2 功能入口

1)点击下载示例模板:决策报表body和tab块移动端内边距与组件间隔设置.frm ,在 FineReport 设计器中打开该模板。

2)body 及 Tab 块移动端的内边距及组件间隔设置受「报表布局>布局方式」影响,设置入口为菜单栏「模板>PC端自适应属性」。如下图所示:

  • 布局方式 选择「自适应布局」时,body 和 Tab 块移动端属性中可以设置内边距和组件间隔。如下图所示:

注:该条件下无论是否勾选「手机重布局」,均可设置内边距和组件间隔。

  • 布局方式选择「绝对布局」,且 body 移动端属性中勾选「手机重布局」时,body 与 Tab 块支持设置移动端内边距及组件间隔。如下图所示:

注:若 body 移动端属性中取消勾选「手机重布局」,内边距及组件间隔设置项消失,使用默认内边距和组件间隔 。

3. body编辑

Tab 块的移动端内边距和组件间隔均保持默认的 4px。

body 的移动端内边距和组件间隔均为 0px 、4px 、10px,以App为例进行效果预览,红色方框标注的是组件间隔,如下图所示:

4. Tab 块编辑

body 的移动端内边距和组件间隔均保持默认的 4px。

Tab 块的移动端内边距和组件间隔均为 0px 、4px 、10px,以App为例进行效果预览,红色方框标注的是组件间隔,如下图所示: