2016-06-01 9 views
0

Ich arbeite mit PrimeFaces 5.3 und ich habe ein Problem. Ich habe ein confirmDialog Element und standardmäßig der Schweregrad auf Alarm () (Symbol-Warnung und roter Text), möchte ich zu info ändern, aber wenn ich severity = "info" nicht funktioniert und weiterhin das Symbol Alarm und roter Text auch. Was ist falsch in meinem Code?p: confirmDialog Schweregrad Info funktioniert nicht

<div class="DispBlock Responsive100 ui-contenedor-botones-accion"> 
    <p:commandButton id="btnSave" value="#{msj['tag.btnSave']}" update="@form" styleClass="Fright" 
     action="#{operation.save}" partialSubmit="true" process="@form"> 

     <p:confirm header="Check operation" message="#{vmsj['tag.text.confirmation.operation']}"> 
     </p:confirm> 
    </p:commandButton> 
</div> 
<p:confirmDialog severity="info" global="true" showEffect="fade" hideEffect="fade" id="idAcceptOperation" >   
    <p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" /> 
    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" /> 
</p:confirmDialog> 

Warum keine Schweregradinformationen anwenden? Vielleicht global = "true" überschreiben Schweregrad?

Grüße.

Update mit mehr Code.

Update 2

ich meinen Code geändert haben und ich nun den confirmDialog Artikel mit globaler param auf false gesetzt:

<div class="DispBlock Responsive100 ui-content-button-action"> 
    <p:commandButton id="btnSave" value="Save" update="@form" styleClass="Fright" 
     partialSubmit="true" process="@form" onclick="PF('opeConDialog').show()" type="button"> 
    </p:commandButton>  

    <p:confirmDialog global="false" widgetVar="opeConDialog" showEffect="fade" hideEffect="fade" 
      id="idConOperation" severity="info" header="Confirm the operation" 
      message="This is a test"> 

     <p:commandButton value="Yes" action="#{opeView.save}" styleClass="ui-confirmdialog-yes" 
      oncomplete="PF('opeConDialog').hide()"/> 
     <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" 
      onclick="PF('opeConDialog').hide()"/> 
    </p:confirmDialog> 
</div> 

Dies ist das Ergebnis:

enter image description here

Er verwendet die ui-confirm-dialog-message-Klasse.

Warum wird der Text weiter rot gedruckt?

Grüße.

Antwort

0

Endlich bekomme ich es. Ich habe den Code geändert und global auf false gesetzt. Außerdem überschreiben Sie die CSS-Grundflächen und ändern Sie den Stil, weil ich den Schriftarttext nie in roter Farbe anzeigen werde.

Mein confirmDialog Code ist:

<div class="DispBlock Responsive100 ui-content-button-action"> 
    <p:commandButton id="btnSave" value="Save" update="@form" styleClass="Fright" 
     partialSubmit="true" process="@form" onclick="PF('opeConDialog').show()" type="button"> 
    </p:commandButton>  

    <p:confirmDialog global="false" widgetVar="opeConDialog" showEffect="fade" hideEffect="fade" 
      id="idConOperation" severity="info" header="Confirm the operation" 
      message="This is a test"> 

     <p:commandButton value="Yes" action="#{opeView.save}" styleClass="ui-confirmdialog-yes" 
      oncomplete="PF('opeConDialog').hide()"/> 
     <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" 
      onclick="PF('opeConDialog').hide()"/> 
    </p:confirmDialog> 
</div> 

und meine CSS-Überschreibung:

.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message{color:#72828B !important;} 

Das Ergebnis:

enter image description here

Ich hoffe, es jemandem nützlich ist.

Verwandte Themen