反馈已提交

网络繁忙

图片灯箱插件

  • 文档创建者:JerrySong
  • 历史版本:13
  • 最近更新:Tracy.Wang 于 2024-08-16
  • 1. 概述

    1.1 版本

    报表服务器版本 插件版本 版本变更
    11.0V1.5.2-
    11.0V1.5.8-

    1.2 应用场景

    在 FineReport 中,支持在单元格中添加图片。但由于格子的大小限制,图片内容可能无法完整、清晰地展示。图片灯箱插件为图片提供了 LightBox 效果,用户点击图片后,可以在灯箱中打开图片,突破单元格大小的限制,自由缩放和查看图片,享受更加灵活的图片展示方式。

    1.3 功能介绍

    帆软提供「图片灯箱」插件,主要用于完整、清晰的展示图片

    • 支持在 URL 地址中设置表达式参数功能。

    • 支持滚动放大缩小,双击全屏展示。显示放大百分比。

    • 不支持移动端。

    • 不支持 FVS可视化看板。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:图片灯箱

    设计器插件安装方法参照 设计器插件管理

    服务器安装插件方法参照 服务器插件管理

    2.2 功能入口

    1)普通报表

    选中单元格,添加「图片lightbox」类型的超级链接,在弹出的设置窗口中填写图片的 URL。如下图所示:

    816-0956.png

    2)决策报表

    在决策报表中添加表格组件。编辑表格,选中一个单元格,添加「图片lightbox」类型的超级链接,在弹出的设置窗口中填写图片的 URL。如下图所示:

    注:决策报表,仅支持在「表格组件」中添加超级链接使用。

    816-1003.png

    2.3 URL 格式

    1)本地路径

    http://localhost:8075/webroot/XXXX.jpg

    注:其中 "XXXX" 为具体的图片文件名,".jpg" 为图片格式,也可根据实际情况改为 ".png",图片文件需存放在 webroot 文件夹下。

    2)网络路径

    无需本地存储图片,填写有效的 URL 即可。

    2.4 参数功能

    支持在图片灯箱设置界面新增参数,然后将参数写入到图片路径中。

    注:参数值对应的是图片的名称。

    Snag_111d4c4e.png

    3. 示例

    3.1 新建报表

    1)新建一张普通报表。

    2)如下图设计报表样式:

    816-1015.png

    3.2 添加图片lightbox

    1)分别选中每个图片单元格,点击「超级链接>添加超级链接>图片lightbox」为单元格添加图片灯箱,如下图所示:

    816-1023.png

    2)在弹出的窗口中设置图片的 URL,本示例的图片素材来自于帆软论坛的番薯嘉年华。

    816-1024.png

    3.3 效果预览

    保存报表,点击「PC 端预览」,效果如下图所示:

    5F09824F-5C15-4E0E-BF01-1072E4924978.GIF

    注:不支持移动端。

    4. 模板下载

    点击下载模板:图片灯箱.cpt

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持