[通用]移动端支持FRM边距及组件间隔设置

编辑
  • 文档创建者:Carly
  • 浏览次数:649次
  • 编辑次数:5次
  • 最近更新:susie 于 2019-05-21
  • 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 可进行移动端边距及组件间隔设置。如下图所示:

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


    3.2.2. 边距设置

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

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

    图片.png

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

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

    3.3 效果预览

    3.3.1 PC 端

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

    3.3.2 移动端

    1) App

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

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

    2) HTML5

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

    1.jpg

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

    4. 组件样式设置

    4.1 设置对象

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

    4.2 设置步骤

    选择组件>属性>样式,设置边框粗细圆角的值,默认为 0。

    注:如边框粗细为无,则圆角边框效果无法显示。

    4.3 效果预览

    4.3.1 PC 端

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


    4.3.2 移动端

    1) App

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

    2) HTML5

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

    2.jpg

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

    附件列表


    主题: 移动端应用
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]