This content has been marked as final.
Show 3 replies
-
1. Re: skin.properties and theme.css
nbelaevski Feb 16, 2009 11:08 AM (in response to allforjava)Hello,
CSS declaration is ok. Have you declared that you use custom skin in web.xml:<context-param> <param-name>org.richfaces.SKIN</param-name> <param-value>custom</param-value> </context-param>
? -
2. Re: skin.properties and theme.css
allforjava Feb 17, 2009 1:00 AM (in response to allforjava)Thank you for your reply. I hv already configured my web.xml as provided. Its changing the skin, however the "links" i.e "<s:link>" is not applied with the selected skin color.
This code in theme.css works:a:active, a:link, a:visited { color:#fffff; } a:hover { color:#fffff; }
But I need these values to be changed dynamically as per skin selection. I want to use as:a:active, a:link, a:visited { color:#{richSkin.generalLinkColor}; } a:hover { color:#{richSkin.hoverLinkColor}; }
which is not working. Please suggest a way.
Note: And some similar components are yet to identified. -
3. Re: skin.properties and theme.css
nbelaevski Feb 17, 2009 8:56 AM (in response to allforjava)My suggestions:
1. You are using a4j:* command components to switch skins. This won't work, you should use h:* instead.
2. Your *.css files are overriding these selectors. Use Firebug to check if that's the cause.
3. You are using #{richSkin.hoverLinkColor} in external CSS files - this is not implemented, you should use XCSS files or declare this inline on the page.
This:<html> <head> <style type="text/css"> a:active, a:link, a:visited { color:#{richSkin.generalLinkColor}; } a:hover { color:#{richSkin.hoverLinkColor}; } </style> </head> <body> <h:form> <h:panelGrid columns="1"> <h:commandLink value="BlueSky"> <a4j:actionparam value="blueSky" assignTo="#{skinBean.skin}" /> </h:commandLink> <h:commandLink value="Ruby"> <a4j:actionparam value="ruby" assignTo="#{skinBean.skin}" /> </h:commandLink> <h:commandLink value="Wine"> <a4j:actionparam value="wine" assignTo="#{skinBean.skin}" /> </h:commandLink> <h:commandLink value="Custom"> <a4j:actionparam value="custom" assignTo="#{skinBean.skin}" /> </h:commandLink> </h:panelGrid> <a href="#">My link</a> </h:form> </body> </html>
works for me without problems.