PrimeFaces编程式对话框居中对齐问题及CSS传递方法咨询

通过托管Bean调用PrimeFaces代码显示动态消息对话框时，短消息能正常居中，但长消息内容会导致对话框无法保持水平居中：

短消息代码：

PrimeFaces.current().dialog().showMessageDynamic(
  new FacesMessage(FacesMessage.SEVERITY_ERROR, "Error",
                   "Test creation Failed. Please try again!")
);

长消息错位示例代码：

PrimeFaces.current().dialog().showMessageDynamic(
  new FacesMessage(FacesMessage.SEVERITY_ERROR, "Error",
                   "Please provide Valid Test Name.Test Name can not be blank and cannot contains any special character other than Underscore and Hyphen")
);

1. 全局CSS修复（适配所有动态消息对话框） #

添加全局CSS规则，覆盖PrimeFaces默认的对话框定位逻辑，确保无论内容长度如何都能水平居中：

.ui-dialog.ui-message-dialog {
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: auto !important;
}

原理：默认定位依赖固定right值或初始宽度计算，改用left:50%配合transform: translateX(-50%)，基于对话框自身宽度实现真正的水平居中，不受内容宽度变化影响。

2. 从托管Bean传递自定义样式（针对单个对话框） #

PrimeFaces的showMessageDynamic支持传入DialogOptions参数，可直接为当前对话框设置样式或样式类：

方式一：直接内联样式 #

DialogOptions options = DialogOptions.builder()
    .style("left: 50%; transform: translateX(-50%); right: auto;")
    .build();

PrimeFaces.current().dialog().showMessageDynamic(
    new FacesMessage(FacesMessage.SEVERITY_ERROR, "Error",
                    "Please provide Valid Test Name.Test Name can not be blank and cannot contains any special character other than Underscore and Hyphen"),
    options
);

方式二：使用自定义样式类 #

先在页面CSS中定义样式类：

.centered-message-dialog {
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: auto !important;
}

然后在托管Bean中指定样式类：

DialogOptions options = DialogOptions.builder()
    .styleClass("centered-message-dialog")
    .build();

PrimeFaces.current().dialog().showMessageDynamic(
    new FacesMessage(FacesMessage.SEVERITY_ERROR, "Error",
                    "Please provide Valid Test Name.Test Name can not be blank and cannot contains any special character other than Underscore and Hyphen"),
    options
);

内容的提问来源于stack exchange，提问作者user530158