Azione Tag messaggio in puntone2

Question

Sono nuovo a puntone su Come decorare il messaggio di azione e gli errori di azione nella pagina jsp struts2?

<s:actionmessage/> 
<s:actionerror/> 

Answer 1

è possibile utilizzare gli stili CSS e jQuery attributo tema per decorare il vostro errore di azione e il messaggio azione.

<div class="error"><s:actionerror theme="jquery"/></div> 
<div class="message"><s:actionmessage theme="jquery"/></div> 

.message li 
{ 
    font-size: 14px; 
    color: #000066; 
    text-align: center; 
    list-style: none; 
    font-family: Trebuchet MS,sans-serif,inherit,Arial,monospace; 
} 

.error li 
{ 
    font-size: 14px; 
    color: #990000; 
    text-align: center; 
    list-style: none; 
    padding-right: 50px; 
} 

Answer 2

è necessario visualizzare il codice HTML dopo che è stato reso a vedere le classi CSS e la struttura HTML che utilizza Struts per rendere il messaggio. Puoi anche cercare nei file del modello.

da puntoni predefinite rende ogni messaggio azione come segue:

<ul> 
    <li><span class="actionMessage">${message}</span></li> 
</ul> 

Ogni messaggio avrà un <li><span class="actionMessage">${message}</span></li>.

È possibile creare CSS per actionMessage o modificare il file modello per eseguire il rendering come desiderato.

I file modello per questi si trovano in:

/template/simple/actionerror.ftl 
/template/simple/actionmessage.ftl 

campo di errore potrebbe essere utile anche a voi:

/template/simple/fielderror.ftl 

nota: se si utilizza il tema xhtml quei file può essere situato in quella cartella sotto il modello

Answer 3

Ciao qui sto postando s oluzione per il vostro problema, se volete che i vostri messaggi di azione e messaggi di errore per decorare l'uso di questo codice

<div id="sucessMsg"><s:actionerror /></div> 


sucessMsg is the class that is using by struts2 internally so override this so kindly put the below code inside the css 

#sucessMsg { 
    text-align: center; 
    font-weight: bolder; 
    color: #6A2A91; 
    list-style: none; 
    margin: auto; 
} 

#errorMsg { 
    text-align: center; 
    font-weight: bolder; 
    color: red; 
    list-style: none; 
    width: 350px; 
    margin: auto; 
}