[richfaces-issues] [JBoss JIRA] (RF-12443) <h:inputText/> and <h:inputTextarea/> styleClass attribute being overwritten when using <h:outputStylesheet/> by Skinning

Tue Sep 4 21:54:33 EDT 2012

    [ https://issues.jboss.org/browse/RF-12443?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12715925#comment-12715925 ] 

Brian Leathem commented on RF-12443:
------------------------------------

The problem here is the ordering of the CSS files.  Your _<h:outputStyleSheet>_ tag is presumably in _<h:head>_, and so is rendered first.  Subsequent inclusion of a component on the page then renders it's required CSS resources, *after* your CSS link.  As such you are not overriding the values.

The fix/workaround here is to include your custom _<h:outputStyleSheet>_ CSS reference at the end of the page, *after* you've referenced all other components.  This way your style sheet will be included last, and CSS values will cascade as you expect.  While this may _feel_ like an unacceptible solution, keep in mind that your CSS resource links will still be rendered into the html _<head>_, you are merely influencing the order in which they are included by the JSF component renderers.

Any change to this would require a jira to be filed with the JSF SPEC (http://java.net/jira/browse/JAVASERVERFACES_SPEC_PUBLIC)

> <h:inputText/> and <h:inputTextarea/> styleClass attribute being overwritten when using <h:outputStylesheet/> by Skinning
> -------------------------------------------------------------------------------------------------------------------------
>
>                 Key: RF-12443
>                 URL: https://issues.jboss.org/browse/RF-12443
>             Project: RichFaces
>          Issue Type: Bug
>      Security Level: Public(Everyone can see) 
>          Components: skinning
>    Affects Versions: 4.2.2.Final
>            Reporter: John Yeary
>
> The styleClass attributes are being overwritten by the skinning from the application. This is in direct contradiction to Section 6.3 of the Developer Guide which states:
> Custom style classes
>     Individual components can use the styleClass attribute to redefine specific elements. These components then use the styles defined in a CSS file instead of the standard look for components as defined by the ECSS stylesheets.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira