如何从p中完全删除图标:确认?

时间:2015-08-21 07:34:56

标签: jsf primefaces icons confirm

我正在使用p:confirmDialog和p:确认。当弹出窗口弹出(heh)时,确认消息左侧有一个插入符号图标。有没有办法删除它?在primefaces文档中没有关于它的信息,但在他们的github问题上,他们说插入符是默认的。

我的代码:

<p:confirmDialog global="true" visible="true" widgetVar="confirmation">
    <p:commandButton value="No" type="button" styleClass="ui-confirm-dialog-no ui-mybutton-second" icon="ui-icon-close" />
    <p:commandButton value="Yes" onclick="#{cc.attrs.aController.someAction}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
</p:confirmDialog>
<p:confirm header="Confirm action" message="Are you sure #{someController.foo.fooNr} #{someController.foo.fooSerial}?"/>

如何删除图标?

2 个答案:

答案 0 :(得分:2)

CSS会帮助你:

.ui-dialog-content > .ui-icon {
    display: none;
}

答案 1 :(得分:1)

使用icon组件的p:confirm属性设置邮件左侧的图标。从那里,更轻/更简单的解决方案是使用代码为ui-icon-blank的“空白”图标:

...
<p:confirm header="..." message="..." icon="ui-icon-blank" />

如果你不介意在空白图标仍然占据一些空间的消息之前有间隙,那么这个解决方案是可以的。