我正在改进/优化我的PrimeFaces ConfirmDialog,但我似乎无法在上面放置一些漂亮的图像或改善它的外观。此外,我似乎找不到有关如何使用其属性的文档,我已经下载了PrimeFaces用户手册,但似乎缺少一些内容。以下是我的代码。
这段文本的意思是:这里有一个屏幕截图。我无法移除那个小的感叹号图标,即使我将severity设置为none,它仍然显示为一个奇怪的“^”图像。我想完全改变图标并修改其外观。此外,我尝试了这种CSS代码,但它仍然不起作用。
我做错什么了吗?如果您有完整的PrimeFaces文档,那也会很有帮助。谢谢。
<p:confirmDialog header="Confirm" severity="alert" closeOnEscape="true" widgetVar="confirmationDialog" showEffect="fold" >
<f:facet name="message">
<h:outputText value="Are you sure all details
are correct and proceed in creating the Account?" />
</f:facet>
<p:commandButton value="Yes" actionListener="#{marketingPersonController.create}"
oncomplete="confirmationDialog.hide()" icon="ui-icon-check"
update="propertyPanel accountPanel marketingPersonPanel">
<f:ajax rendered="propertyPanel accountPanel marketingPersonPanel"/>
</p:commandButton>
<p:commandButton value="No" onclick="confirmationDialog.hide()" type="button"
icon="ui-icon-close"/>
</p:confirmDialog>
这段文本的意思是:这里有一个屏幕截图。我无法移除那个小的感叹号图标,即使我将severity设置为none,它仍然显示为一个奇怪的“^”图像。我想完全改变图标并修改其外观。此外,我尝试了这种CSS代码,但它仍然不起作用。
.ui-dialog-content p span {
background-image: url('path to image here')
no-repeat !important;
}
我做错什么了吗?如果您有完整的PrimeFaces文档,那也会很有帮助。谢谢。