历史版本3 :HTML5悬浮工具栏插件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、描述编辑

功能介绍:

  • 安装HTML5悬浮工具栏插件可将HTML5页面底部的工具栏位置更改到页面右侧,避免由于本身浏览器或者集成的APP中底部工具栏和HTML5页面底部工具栏重复导致的展示效果欠佳问题;

  • 该插件在当前工具栏按钮大于4个时自动收起,可通过点击展开工具栏,使得页面更加清晰。

应用场景:

  • FineBI提供了移动端HTML5访问BI的功能,方便使用手机来查看BI应用。但当集成到微信、钉钉等APP中查看BI应用或者使用移动端浏览器查看BI应用时,本身APP或者浏览器中就有工具栏,而HTML5页面也有底部工具栏,这就导致BI分析界面展示效果欠佳,因此使用该悬浮工具栏插件可实现优化移动端HTML5页面查看BI应用的展示效果,使得界面更加清晰、分析更方便快速。

          FineBI版本

               jar包版本          Html5插件版本
             5.1               2020-1-15                 10.3.46

2、插件安装编辑

插件下载:HTML5 悬浮工具栏插件

插件安装:插件安装

3、使用示例编辑

  1. 我们以移动端浏览器直接打开FineBI数据决策系统为例。

    在安装HTML5悬浮工具栏插件之后,使用html5主页链接,格式为:http://ip:端口号/webroot/decision/url/mobile#/login    例如:http://120.27.40.246:37799/webroot/decision/url/mobile  移动端浏览器输入链接,跳转 H5 登录界面,输入用户名和密码登录数据决策系统,如下图:

    1234.png

  2. 打开任意一张模板,可查看工具栏状况,以下为安装插件前后的对比图:

    anzhuanagqian.png

    anzhuanghou.png

  3. 当工具栏按钮超过四个时,默认工具栏为收起状态,如下图:

    shouqia.png   

  4. 可点击收起按钮,手动展开工具栏,如下图:

     

       注:该插件仅支持移动端Html5,不支持移动端APP。