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

编辑
  • 文档创建者:cherishdqy
  • 浏览次数:3625次
  • 编辑次数:6次
  • 最近更新:cherishdqy 于 2018-11-06
  • 1. 描述

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

    2. 思路

    通过设置css样式来解决。

    3. 操作步骤

    3.1 准备文件

    新建一个文本文档,输入下面的css:

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

    将文本文档另存为css文件,如test.css

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


    3.2 设置模板

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

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


    3.3 保存预览

    保存模板,点击分页预览,效果如上图。

    3.4 决策报表使用方法

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

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

    注:href为css文件的路径。


    4. 预览效果

    4.1 PC端预览效果

    222

    4.2 移动端预览效果

    注:不支持移动端。

    5. 已完成模板

    模板效果在线查看请点击:修改超链接-对话框标题栏的背景色.cpt
    已完成的模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\CSS样式\06-修改超链接-对话框标题栏的背景色.cpt


    附件列表


    主题: 二次开发
    如果您认为本文档还有待完善,请编辑

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

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