showDialog弹窗如何修改弹出页面的标题栏背景色?

r如图所示,使用showDialog方式弹窗,如何修改弹出页面标题栏的背景色及字体颜色,字体大小等属性?

FineReport JavaScript 没有想好名字那就叫小明吧 发布于 2022-8-19 15:24
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
CD20160914Lv8专家互助
发布于2022-8-19 15:26(编辑于 2022-8-19 15:27)

var w=document.body.clientWidth-100;//获取电脑的高度减100,自己调整

var h=document.body.clientHeight-80;//获取电脑宽度减80,自己调整

var url = encodeURI("/webroot/decision/view/report?viewlet=GettingStarted.cpt");

//窗体

var $iframe = $("

//将窗体的src属性设置为模板路径

$iframe.attr("src", url);

//窗体的属性

var o = {    

title: "我是对话框",  //标题   

 width: w,   //宽度    

  height: h //高度 

  //closable:true,    //是否显示关闭按钮,默认true,如果改为false就不显示关闭按钮了

    //confirm:true,     //是否添加确认取消按钮,默认false

    //draggable:true   //是否可拖动,默认true 

 };

//弹出窗体

FR.showDialog(o.title, o.width, o.height, $iframe, o);

$(".fr-core-panel-header.fr-core-panel-style-blue.fr-core-window-header").css('background','#159D73');//窗体背景颜色

$(".fr-core-panel-title").css({"color":"#ffffff","font-family":"microsoft yahei","font-size":"14px"}) ;//字体颜色,大小,字体名称

image.png

最佳回答
0
Z4u3z1Lv6专家互助
发布于2022-8-19 15:26

var $iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='yes' frameborder='0'>"); // iframe参数的命名及宽高等

$iframe.attr("src", "http://www.baidu.com"); //childtest.cpt为点击查询时,对话框中显示的子报表

var o = {

title: "筛选所需数据并返回",

width: 600,

height: 300,

top:-300px,

    left:-300px,

    //closable:true,    //是否显示关闭按钮,默认true

    //confirm:true,     //是否添加确认取消按钮,默认false

    //draggable:true   //是否可拖动,默认true

};

FR.showDialog(o.title, o.width, o.height, $iframe, o); //弹出对话框

$(".fr-core-panel-title").eq(0).css({"color":"red","font-family":"microsoft yahei","font-size":"14px","text-align":"center"}) ; //窗体标题颜色大小居中

  • 2关注人数
  • 427浏览人数
  • 最后回答于:2022-8-19 15:27
    请选择关闭问题的原因
    确定 取消
    返回顶部