[H5]HTML5悬浮工具栏插件

  • Last update:  2022-09-29
  • 1. 概述

    1.1 版本

    报表服务器版本

    JAR 包

    插件名称

    插件版本

    10.02019-12-05HTML5移动端展现插件V10.4.49
    HTML5悬浮工具栏插件V10.4.49

    1.2 功能简介

    HTML5 端集成后,查看模板时底部一般会有工具栏,按钮较少时不仅占位置而且也不美观。

    通过安装 HTML5 悬浮工具栏插件,工具栏可以悬浮显示,简单易用,空间利用率更高。如下图所示:

    1575804452399955.png

    2. 插件介绍

    2.1 插件安装

    插件下载请点击:

    设计器插件安装方法请参见:设计器插件管理

    服务器安装插件方法请参见:服务器插件管理

    2.2 应用场景

    该插件仅适用于 HTML5 端,适用于以下按钮的悬浮,如下表所示:

    注:插件只能改变按钮的样式,从底部转为悬浮。若本身按钮不存在,不会因为插件而出现。

           相关按钮的显示条件,本文不再赘述,详情请参考:[通用]移动端工具栏

    场景支持悬浮的按钮
    普通报表快速返回,翻页(上一页,快速翻页,下一页),查询,模板刷新
    决策报表勾选移动端重布局

    快速返回,查询,模板刷新

    手动/默认放大报表块时出现以下按钮:翻页(上一页,快速翻页,下一页)

    手动/默认放大图表块时出现以下按钮:图表排序,图表刷新

    不勾选移动端重布局

    快速返回,查询,模板刷新

    手动/默认放大报表块时出现以下按钮:翻页(上一页,快速翻页,下一页)

    2.3 悬浮样式

    2.3.1 竖屏

    1)工具栏按钮少于或等于 4 个,则按钮直接显示。如下图所示:

    1575804782130236.png

    2)工具栏按钮大于 4 个,默认收起,点击展开。如下图所示:

    1575804950514897.png

    工具栏展开后,出现以下操作时,工具栏自动收起:

    • 竖屏转换为横屏。

    • 点击快速返回按钮。

    • 点击模板刷新按钮。

    • 点击悬浮工具栏外区域。

    2.3.2 横屏

    1)工具栏按钮少于或等于 4 个,则按钮直接显示。如下图所示:

    2)工具栏按钮大于 4 个,默认收起,点击展开。如下图所示:

    工具栏展开后,出现以下操作时,工具栏自动收起:

    • 横屏转换为竖屏。

    • 点击快速返回按钮。

    • 点击模板刷新按钮。

    • 点击悬浮工具栏外区域。

    Attachment List


    Theme: 移动端应用
    Already the First
    • Helpful
    • Not helpful
    • Only read

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

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

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy