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; ">
<tr:commandNavigationItem text="Item 34" styleClass="myLink" action="
guide.navigationPane"/>
<tr:commandNavigationItem text="item 3" action="guide.navigationPane"/>
<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 to change it
/* -- 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;
}
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 <[EMAIL PROTECTED]> 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:
>
> 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
>
>
--
Muhammad Ali
http://techboard.wordpress.com
Software Engineer - E2ESP
muhammadaliamin(at)gmail(dot)com
