修改超链接-对话框标题栏的背景色

编辑
  • 文档创建者:cherishdqy
  • 浏览次数:8591次
  • 编辑次数:10次
  • 最近更新:Carly 于 2019-09-17
  • 1. 描述

    1.1 应用背景

    FineReport 中的对话框标题栏默认背景色是蓝色,当系统中整体配色与蓝色不搭时可以通过 CSS 修改对话框标题栏的背景色。实现效果如下图:


    1.2 解决思路

    通过设置 CSS 样式来解决。

    2. 操作步骤

    2.1 CSS 文件准备

    新建一个CSS 文件,命名为 test.css,输入下面的 CSS:

    .fr-core-window-header{
    background:#466377 !important;
    }

    点击下载 test.css:test.css

    将创建好的 test.css 文件拷贝到%FR_HOME%\webapps\webroot\help\css中。


    2.2 普通报表设置

    打开模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超链传递网页参数.cpt

    选择模板->模板 Web 属性,点击引用 Css,选择之前保存的 test.css 文件后,点击增加。


    2.3 决策报表设置

    选择 body,新建初始化事件,输入下面的 JavaScript:

    var link='<link rel="stylesheet" type="text/css" href="../../help/css/test.css">';
    $("head").append(link);

    注:href 为 CSS 文件的路径。


    3. 预览效果

    3.1 PC 端预览效果

    222


    3.2 移动端预览效果

    注:不支持移动端。

    4. 已完成模板

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\CSS样式\06-修改超链接-对话框标题栏的背景色.cpt

    点击下载模板:06-修改超链接-对话框标题栏的背景色.cpt

    点击下载 CSS 文件:test.css

    附件列表


    主题:
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

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

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