图表上的交互属性做的弹窗怎么改样式

image.png

想把弹窗样式改成和主报表风格一致的样子

FineReport Juint 发布于 2023-2-17 09:55
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
snrtuemcLv8专家互助
发布于2023-2-17 09:57
最佳回答
0
给我一瓶乳酸菌Lv4见习互助
发布于2023-2-17 09:57

主报表是什么样式的,理论上来说去弹窗的模板修改就好了呀

最佳回答
0
runnerLv7资深互助
发布于2023-2-17 09:58(编辑于 2023-2-17 09:59)

var a="1";

var b="2";

var url="/webroot/decision/view/report?viewlet=GettingStarted.cpt&op=write&a="+a+"&b="+b;

var url = FR.cjkEncode(url);

//窗体

var $iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='no' frameborder='0'>");

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

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

//窗体的属性

var o = {

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

    width: 680,         //宽度,可以换成w/2,自适应

    height: 640,        //高度

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

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

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

};

//弹出窗体

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

  $('.fr-core-window').css("top","100px");//位置自己改

  $('.fr-core-window').css("left","90px"); //位置自己改

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

$(".fr-core-window.ui-state-enabled").css("border-radius","0").children().css("border-radius","0"); //标题边框圆角改直角

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

  • 3关注人数
  • 239浏览人数
  • 最后回答于:2023-2-17 09:59
    请选择关闭问题的原因
    确定 取消
    返回顶部