0

素顔を使用して確認ダイアログを表示する必要があります。しかし、カスタム アイコン (黄色の三角形) と赤いテキストが必要です。以下を使用すると、黒いテキストで青い三角形が表示され、アイコンの使用方法とダイアログテキストのスタイルがわかりません。

    <p:column id="billing_address_unassign"
    headerText="#{billingAccount_msgs['addresses.table.column.unassign']}"
    styleClass="col10">
    <p:commandButton immediate="true" id="address_unassign"
        styleClass="cart-button-class" icon="delete"
        title="#{billingAccount_msgs['unassign.address.tooltip.text']}"
        oncomplete="unassignBillingAddressConfirmationDialog.show()">
        <f:setPropertyActionListener value="#{billingAddress}"
            target="#{billingAddressBean.selectedBillingAddress}" />
    </p:commandButton>
</p:column>
  </p:dataTable>

  <p:confirmDialog appendToBody="true"
id="unassignBillingAddressConfirmationDialog"
styleClass="confirm-dialog"
message="#{billingAccount_msgs['unassignBillingAddress.confirmation']}"
header="#   
    {billingAccount_msgs['unassignBillingAddress.confirmation.dialog.header']}"
   severity="alert" widgetVar="unassignBillingAddressConfirmationDialog">
4

1 に答える 1

2

独自の黄色のアイコンを作成し、確認ダイアログにデフォルトのアイコンの代わりに自分のアイコンを配置する必要があります。css を使用するだけで、テキストを赤に変更できます。

以下を css ファイルに追加します。

/*Red text in confirm dialog*/
.ui-confirm-dialog .ui-dialog-content p { color: red; }

/*Yellow triangle in confirm dialog */
.ui-confirm-dialog .ui-dialog-content p span { background-image: url("#resource['images:yellow-triangle.png']}") no-repeat}
于 2012-10-11T06:24:55.463 に答える