反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

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

  • 文档创建者:Carly
  • 历史版本:6
  • 最近更新:Alicehyy 于 2023-01-11
  • 1. 概述

    1.1 版本

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

    1.2 应用场景

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

      

    2. 内边距和组件间隔

    2.1 功能说明

    1)设置对象:支持移动端边距和组件间隔设置的对象仅包括 body 和 Tab 块。

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

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

    注:设置的边距和组件间隔,只对当前容器下的组件有效,如有嵌套的容器,子容器使用自身的设置。如各容器设置值不同,可通过自适应布局嵌套 Tab 块实现。

    2.2 设置步骤

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

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

    注:该条件下无论是否手机重布局,均可进行设置。

    222

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

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

    222

    2.3 效果预览

    注:移动端设置对 PC 端无效无影响。

    2.3.1 App

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

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

    2.3.2 HTML5

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

    1.jpg

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

    3. 组件样式设置

    3.1 设置对象

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

    3.2 设置步骤

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

    注2:单个组件的内边距不支持移动端。

    3.3 效果预览

    3.3.1 App

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

    3.2.2 HTML5

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

    2.jpg

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

    附件列表


    主题: 移动端应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

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

    总裁办24H投诉

    热线电话:173-1278-1526