Etiqueta de mensaje de acción en struts2

Question

Soy nuevo en struts a ¿Cómo decorar el mensaje de acción y los errores de acción en la página struts2 jsp?

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

Answer 1

puede utilizar los estilos CSS, así como atributo tema de jQuery para adornar su error de acción y mensaje de acción.

<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

Usted debería ver el código fuente HTML de haberse pronunciado, para ver las clases CSS y HTML que la estructura de puntales utiliza para representar el mensaje. También puede buscar en los archivos de plantilla.

Por puntales por defecto hace que cada mensaje de acción de la siguiente manera:

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

Cada mensaje tendrá un <li><span class="actionMessage">${message}</span></li>.

Puede crear CSS para actionMessage o cambiar el archivo de plantilla para mostrarlos como desee.

Los archivos de plantilla de ellas están situadas en:

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

error de campo podría ser útil para usted, así:

/template/simple/fielderror.ftl 

nota: Si está utilizando el tema XHTML esos archivos puede estar ubicado en esa carpeta bajo la plantilla

Answer 3

Hola, aquí estoy publicando s olución para su problema si desea que sus mensajes de acción y mensajes de error para decorar el uso de este código

<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; 
}