try not using 2 skin selectors at once
instead define one of them and for the other one just include it like this:
af|panelBox::medium {
background-color: pink;
padding: 6px;
}
af|panelBox::body {
-tr-rule-ref: selector ("af|panelBox::medium");
}
With '-tr-rule-ref' you can include one selectors content into another, to
avoid code duplication
On 9/24/07, alee amin <[EMAIL PROTECTED]> wrote:
>
> I am trying to apply the skinning in my project but yet i am unable to
> configure it .. here is what i have done .. please help me out what possible
> mistake i have done
>
> this is *beach.css* which is skins\beach
> /* -- CSS CHANGE -- */
> af|panelBox::medium af|panelBox::body {
> background-color: pink;
> padding: 6px;
> }
>
> af|panelBox::medium af|panelBox::header {
> background-color: Aqua;
> font-weight: bold;
> }
>
> af|panelBox::medium af|panelBox::content {
> background-color: #E7E4EA;
> border-color: purple;
> border-style: dashed;
> border-width:1px;
> padding-right: 6px;
> padding-left: 6px;
> }
>
> /* -- CSS CHANGE -- */
>
> ---------
> *tinidad-skin.xml
> <skin>
> <id>
> beach.desktop
> </id>
> <family>
> beach
> </family>
> <render-kit-id>
> org.apache.myfaces.trinidad.desktop
> </render-kit-id>
> <style-sheet-name>
> skins/beach/beach.css
> </style-sheet-name>
> </skin>
> ------
> *trinidad-config.xml*
>
> <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config";>
> <debug-output>true</debug-output>
>
>
> <accessibility-mode>inaccessible</accessibility-mode>
> <skin-family>beach</skin-family>
> </trinidad-config>
>
> -----------------------------------------------------
> and then i have added <tr:document> in the page which was ecnlosed with
> int <f:view> .. now tell me what possible wrong thing i have done .. :( ?
>
> -alee
> --
> Muhammad Ali
> http://techboard.wordpress.com
> Software Engineer - E2ESP
> muhammadaliamin(at)gmail(dot)com
--
Cristi Toth
-------------
Codebeat
www.codebeat.ro
