[richfaces-planning-issues] [JBoss JIRA] Updated: (RFPL-1123) message(s): document icons definition support

[Ilya Shaikovsky (JIRA)]

     [ https://issues.jboss.org/browse/RFPL-1123?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Ilya Shaikovsky updated RFPL-1123:
----------------------------------

       Assignee: Sean Rogers  (was: Ilya Shaikovsky)
    Description: 
Sean here is the info to add to rich:message reference

"+Icons customization

Messages in 4.x has greatly simplified markup because them now acts on the client side and Client Side Validation creates it from just JavaScript. So message icons attributes were removed and replaced with just CSS definitions in predefined classes. Why was that done? Because allowing such attributes usage requires from us to add img HTML elements to the component markup. And in some browsers (IE for example) when we creating the image element in JS and adding it to DOM tree resource for that image getting loaded twice and that descreases performance and also causes some problems with concurrent access at some environments.

So here is what you should done now in order to customize the icon:
.rf-msg-err{
 background-image: url('#{facesContext.externalContext.requestContextPath}/images/icons/some_custom_error_marker_name.gif');
}
Besides you could use .rf-msg-ftl, .rf-msg-inf, .rf-msg-wrn in a similar way in order to customize icons for other messages severities.

You may also want to change some properties like paddings (in case your icons smaller or greater than default ones), So you could add such definitions to the same classes where changed the incons..
"

for rich:messages component will be almost the same but you should consider http://jira.jboss.org/browse/RF-10720 when will be fixed.


> message(s): document icons definition support
> ---------------------------------------------
>
>                 Key: RFPL-1123
>                 URL: https://issues.jboss.org/browse/RFPL-1123
>             Project: RichFaces Planning
>          Issue Type: Task
>      Security Level: Public(Everyone can see) 
>          Components: doc
>            Reporter: Ilya Shaikovsky
>            Assignee: Sean Rogers
>             Fix For: 4.0.0.Final
>
>
> Sean here is the info to add to rich:message reference
> "+Icons customization
> Messages in 4.x has greatly simplified markup because them now acts on the client side and Client Side Validation creates it from just JavaScript. So message icons attributes were removed and replaced with just CSS definitions in predefined classes. Why was that done? Because allowing such attributes usage requires from us to add img HTML elements to the component markup. And in some browsers (IE for example) when we creating the image element in JS and adding it to DOM tree resource for that image getting loaded twice and that descreases performance and also causes some problems with concurrent access at some environments.
> So here is what you should done now in order to customize the icon:
> .rf-msg-err{
>  background-image: url('#{facesContext.externalContext.requestContextPath}/images/icons/some_custom_error_marker_name.gif');
> }
> Besides you could use .rf-msg-ftl, .rf-msg-inf, .rf-msg-wrn in a similar way in order to customize icons for other messages severities.
> You may also want to change some properties like paddings (in case your icons smaller or greater than default ones), So you could add such definitions to the same classes where changed the incons..
> "
> for rich:messages component will be almost the same but you should consider http://jira.jboss.org/browse/RF-10720 when will be fixed.

--
This message is automatically generated by JIRA.
For more information on JIRA, see: http://www.atlassian.com/software/jira