rich:messages>´s styleClass dont works! Help! :/

[peerless]

Friends, i have the following tag:

<rich:messages id="msg_err" ajaxRendered="true" layout="table" styleClass="error" showSummary="false" showDetail="true" globalOnly="true"/>

A declaration of CSS:

<% String context = request.getContextPath(); %>
 <link rel="stylesheet" type="text/css" href="<%=context%>/css/estilo.css" />

That have the following style class:

.error {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FF0000;
}

But, my messages dont works with it style!

whats the problem? (before works when i was use the t:messages)

[sergeysmirnov]

"peerless" wrote:

A declaration of CSS:

<% String context = request.getContextPath(); %>
 <link rel="stylesheet" type="text/css" href="<%=context%>/css/estilo.css" />

Looks weird.

As soon as you use RichFaces, you can just say:

<a4j:loadStyle src="/css/estilo.css" />

Could you look at generated source of the result page. Does the class="error" is there or not?

[peerless]

"SergeySmirnov" wrote:

"peerless" wrote:

A declaration of CSS:

<% String context = request.getContextPath(); %>
 <link rel="stylesheet" type="text/css" href="<%=context%>/css/estilo.css" />

Looks weird.

As soon as you use RichFaces, you can just say:

<a4j:loadStyle src="/css/estilo.css" />

Could you look at generated source of the result page. Does the class="error" is there or not?

Hello friend! It´s really weird, because the html code genarate is:

<table id="form:msg_err" cellpadding="0" cellspacing="0" class="rich-messages error" style="display: none; null"><tbody><tr><td><span class="rich-messages-label"></span>

Him dont identify my error class.. how i can resolve it ? o______o

[sergeysmirnov]

so, the class is added. It is not a problem on the component level. Most likely, you have a typo in name or path.
Just for the testing purpose, try to put on the page directly. If it starts to work. check the file path issue

[peerless]

sorry, but.. try to put... ? what ?

[peerless]

How the component can be work if i put a class name of: 'error' and him renderize: ''rich-messages error"

[sergeysmirnov]

Have the following right on you page:

<style>
.error {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FF0000;
}
</style>
<rich:messages id="msg_err" layout="table" styleClass="error" showSummary="false" showDetail="true" globalOnly="true"/>

How the component can be work if i put a class name of: 'error' and him renderize: ''rich-messages error"

So what?

[peerless]

Hello Sergey! Thanks for help, mas.. dont works! :( I think: Its possible conflict with web.xml richfaces filter skin ?

Code generated:

<style>
.error {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FF0000;
}
</style>

 <table class="Tabela_Form">
 <tr>
 <td width="35%"></td>
 <td width="65%"><table id="form:msg_err" cellpadding="0" cellspacing="0" class="rich-messages error" style="display: none; null"><tbody><tr><td><span class="rich-messages-label"></span></td></tr></tbody></table></td>
 </tr>
 </table>

[nbelaevski]

Could that be that missing "type" causes the problem:

<style type="text/css">
.error {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FF0000;
}
</style>

?

[peerless]

"nbelaevski" wrote:
Could that be that missing "type" causes the problem:

<style type="text/css">
.error {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FF0000;
}
</style>

?

Dont works too! I think that it is an incompatibility with MyFaces Tomahawk Jsf implementation, because if i will use the tomahawk message, work! "<t:messages" ..

anyway, thanks very much 4 all!