hi! I'm trying to modify one of the trinidad Components to add a few missing features. I read that we can use the trinidad's Skinning capabilities to make custom components based on trinidad also skinnable for the custom skin selectors....
For doing this where should I define my skin selectors? for now I'm directly using the CSS class name in the renderer class. I tried defining the skin css classes in a custom skin which I treat as a default skin for the component and it is working fine... But I'm not able to extend the default skin for my component and provide a different look... The following is the trinidad-skin.xml <skins xmlns="http://myfaces.apache.org/trinidad/skin";> <skin> <id> sample.desktop </id> <family> sample </family> <extends> minimal.desktop </extends> <render-kit-id> org.apache.myfaces.trinidad.desktop </render-kit-id> <style-sheet-name> css/defaultSkin.css </style-sheet-name> </skin> <skin-addition> <skin-id>sample.desktop</skin-id> </skin-addition> <skin> <id> sample.custom </id> <family> sampledemo </family> <extends> sample.desktop </extends> <render-kit-id> org.apache.myfaces.trinidad.desktop </render-kit-id> <style-sheet-name> css/differentSkin.css </style-sheet-name> </skin> </skins> and trinidad-config.xml <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config";> <debug-output>true</debug-output> <!-- Uncomment to switch back to ALERT style client-side validation, or set to DISABLED to disable it altogether <client-validation>ALERT</client-validation> --> <accessibility-mode>false</accessibility-mode> <!-- you can use EL to get the skin. This allows the skin to change between requests. --> <skin-family>sampledemo</skin-family> <!-- <output-mode>portlet</output-mode> --> <!-- Uncomment any of these to enable them --> <!-- accessibility-mode>inaccessible</accessibility-mode --> <client-validation-disabled>false</client-validation-disabled> </trinidad-config> Regards... Samba.
