弹出框文本换行及位置

按照以下JS设置了一个点击弹出框,但是发现弹出框在页面偏右显示,想要居中应该怎样调整呢?另外提示框内的内容怎样自定义换行呢?在JS中进行换行,代码就报错了

FR.Msg.alert("*****提示", "1.按照规定。。。。。

2.按照要求。。。。

3.按照规则。。。。

4.按照需求。。。。")

$("#popup_container").css({

"max-width": "800px",

"width": "800px"

})

$("#popup_content").css({

"max-width": "700px",

"width": "800px"

})

$("#popup_message").css({

"max-width": "700px",

"width": "800px"

})

$("#popup_header").css("width","100%")

1702862255323.png

FineReport 阿洋在燃烧 发布于 2023-12-18 09:16 (编辑于 2023-12-18 09:17)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
snrtuemcLv8专家互助
发布于2023-12-18 09:18(编辑于 2023-12-18 10:27)

这个建议直接做一个版本模板,然后弹出窗口就可以

js如下

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

var url = FR.cjkEncode(url);

//窗体

var $iframe = $("

//将窗体的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-panel-title").eq(0).css({"color":"red","font-family":"microsoft yahei","font-size":"14px","text-align":"center"}) ; //窗体标题颜色大小居中

  • 阿洋在燃烧 阿洋在燃烧(提问者) 请问这个版本模板应该在哪里做呢,是在点击事件里添加吗?
    2023-12-18 09:21 
  • snrtuemc snrtuemc 回复 阿洋在燃烧(提问者) 这个模板,就是你自己新建一个cpt报表,然后你要什么格式自己定义,颜色,换行,居中,很简单可以设置了
    2023-12-18 09:32 
  • 阿洋在燃烧 阿洋在燃烧(提问者) 回复 snrtuemc 刚才试了一下可以了,请问这个 title: \"对话框\"的字体大小应该怎样设置呢
    2023-12-18 10:26 
  • snrtuemc snrtuemc 回复 阿洋在燃烧(提问者) 看修改答案,最后加这个修改语句,自己定义
    2023-12-18 10:27 
  • 阿洋在燃烧 阿洋在燃烧(提问者) 回复 snrtuemc 多谢大佬!!
    2023-12-18 10:37 
最佳回答
0
用户k6280494Lv6资深互助
发布于2023-12-18 09:17(编辑于 2023-12-18 09:19)

FR.Msg.alert("*****提示", "1.按照规定。。。。。<br>2.按照要求。。。。<br>3.按照规则。。。。<br>4.按照需求。。。。")

$("#popup_container").css({

"max-width": "800px",

"width": "800px"

})

$("#popup_content").css({

"max-width": "700px",

"width": "800px"

})

$("#popup_message").css({

"max-width": "700px",

"width": "800px"

})

$("#popup_header").css("width","100%")

  • 阿洋在燃烧 阿洋在燃烧(提问者) 请问弹出框在页面居中显示应该怎么处理呢
    2023-12-18 09:18 
  • 用户k6280494 用户k6280494 回复 阿洋在燃烧(提问者) 测试了一下,不能换行,居中要计算页面宽度,也不好改,你参考楼下的设置吧,好弄一点
    2023-12-18 09:23 
最佳回答
0
洋大大Lv3见习互助
发布于2023-12-18 10:27(编辑于 2023-12-18 10:28)

加一个" text-align": "center" 居中属性不久可以了吗?

FR.Msg.alert("*****提示", "1.按照规定。。。。。2.按照要求。。。。3.按照规则。。。。4.按照需求。。。。")

$("#popup_container").css({

"max-width": "800px",

"width": "800px"

})

$("#popup_content").css({

"max-width": "700px",

"width": "800px"

})

$("#popup_message").css({

"max-width": "700px",

"text-align": "center",

"width": "800px"

})

$("#popup_header").css("width","100%")

微信截图_20231218102741.png

  • 3关注人数
  • 279浏览人数
  • 最后回答于:2023-12-18 10:28
    请选择关闭问题的原因
    确定 取消
    返回顶部