Skinning Problem

mail.gmail.com" type="cite">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 skinsbeach
/*   ; -- 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
 &nbsp;  <skin&gt;
   ; &nbsp; &nbsp; <id>
 &nbsp; &nbsp;   ; &nbsp; &nbsp; beach.desktop
 ; &nbsp; &nbsp; &nbsp; </id>;
 &nbsp;   ; &nbsp; <family>
&nbsp; &nbsp; &nbsp; &nbsp;   ;  beach
&nbsp; &nbsp;   ;  </family>
&nbsp; &nbsp; &nbsp;   <render-kit-id>
 &nbsp; &nbsp;   ; &nbsp; &nbsp; org.apache.myfaces.trinidad.desktop
 ; &nbsp; &nbsp; &nbsp; </render-kit-id>;
 &nbsp;   ; &nbsp; <style-sheet-name&gt;
 ; &nbsp; &nbsp; &nbsp; &nbsp;   skins/beach/beach.css
 &nbsp; &nbsp;   ; </style-sheet-name>
&nbsp; &nbsp; </skin&gt;
------
*trinidad-config.xml*

<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
&nbsp; <debug-output>true</debug-output&gt;


  <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

        <context-param>
         <param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION<;/param-name>
         <param-value>true</param-value>
        </context-param>;

mail.gmail.com" type="cite">may be i have mis typed while typing this mail.

there is no error. I have the demo skin application and i tried to modify the already applied beach.css. I added the tags that i mentioned in previous email, but those tags are not being reflected any where on the sample skin demo page .. :-s ..

in demo application, i have bulleted menu item on side which has this CSS attached
.OraLink:link, .xi:link, .x34, .x37, .x3a a, .OraLinkText, .x8g, .OraHGridNavRowActiveLink, .x9g, .OraNavBarActiveLink, .x9k {
color:#003399;
font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
font-size:10pt;
font-weight:normal;
} (analyzed using firebug)


Now if i come to my own application in which i have made menu at the side using

<tr:navigationPane hint="list" inlineStyle="background-color:white; ">
 &nbsp; &nbsp;<tr:commandNavigationItem text="Item 34" styleClass="myLink" action=" guide.navigationPane"/&gt;
 ; &nbsp; <;tr:commandNavigationItem text="item 3" action="guide.navigationPane"/>
&nbsp; &nbsp; <tr:commandNavigationItem text="item 4" action=" guide.navigationPane"/>
</tr:navigationPane>


and when i inpsected it using FireBug, i found the following CSS Code ..

.x3x {beach-desktop-1_0... (line 49)
background-image:url(../../images/list- bullet.gif);
background-position:center;
background-repeat:no-repeat;
font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
font-size:10pt;
font-weight:normal;
vertical-align:middle;
width:17px;
}

which gives the bullete form menu ... i want to override it .. I used the following&nbsp;to&nbsp;change&nbsp;it
/*&nbsp;   -- CSS CHANGE  &nbsp; -- &nbsp;  */
af|panelBox::medium af|panelBox::body {
  background-color: pink;
&nbsp; padding: 6px;
}

af|panelBox::medium af|panelBox::header {
  background-color: Aqua;
&nbsp; font-weight: bold;
}

af|panelBox::medium af|panelBox::content {
  background-color: #E7E4EA;
  border-color: purple;
  border-style: dashed;
  border-width:1px;
&nbsp; padding-right: 6px;
&nbsp; padding-left: 6px;
}

but i am unable to do it .. :( i am not able to get which mistake i am doing .. ? how to turn of the compression in web.xml?

On 9/25/07, Jeanne Waldman <oracle.com">jeanne.waldmanoracle.com> wrote:

This looks fine except trinidad-skins.xml you called trinidad-skin.xml.

What is the problem? Are you not getting the beach skin at all?
Are there any errors?
Have you tried turning off the styleclass compression so you can see the full styleclass names in the rendered html?
Have you tried using Firebug?

alee amin wrote:

mail.gmail.com" type="cite">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 skinsbeach
/*   ; -- CSS CHANGE  &nbsp; -- &nbsp;  */
af|panelBox::medium af|panelBox::body {
  background-color: pink;
&nbsp; padding: 6px;
}

af|panelBox::medium af|panelBox::header {
  background-color: Aqua;
&nbsp; font-weight: bold;
}

af|panelBox::medium af|panelBox::content {
  background-color: #E7E4EA;
  border-color: purple;
  border-style: dashed;
  border-width:1px;
  padding-right: 6px;
&nbsp; padding-left: 6px;
}

/* ; &nbsp; -- CSS CHANGE  &nbsp; -- &nbsp;  */

---------
*tinidad-skin.xml
 &nbsp;  <skin&gt;
   ; &nbsp; &nbsp; <id>
 &nbsp; &nbsp;   ; &nbsp; &nbsp; beach.desktop
 ; &nbsp; &nbsp; &nbsp; </id>;
 &nbsp;   ; &nbsp; <family>
&nbsp; &nbsp; &nbsp; &nbsp;   ;  beach
&nbsp; &nbsp;   ;  </family>
&nbsp; &nbsp; &nbsp;   <render-kit-id>
 &nbsp; &nbsp;   ; &nbsp; &nbsp; org.apache.myfaces.trinidad.desktop
 ; &nbsp; &nbsp; &nbsp; </render-kit-id>;
 &nbsp;   ; &nbsp; <style-sheet-name&gt;
 &nbsp;   ; &nbsp; &nbsp; &nbsp; skins/beach/beach.css
 &nbsp; &nbsp;   ; </style-sheet-name>
&nbsp; &nbsp; </skin&gt;
------
*trinidad-config.xml*

<trinidad-config xmlns=" http://myfaces.apache.org/trinidad/config">
&nbsp; <debug-output>true</debug-output&gt;


  <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

--
Muhammad Ali
http://techboard.wordpress.com
Software Engineer - E2ESP
muhammadaliamin(at)gmail(dot)com