I see you are getting the beach skin. That's a good thing.
Now here is the link to the FAQs:
http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ
And here is the documentation:
http://myfaces.apache.org/trinidad/devguide/skinning.html
It talks about how to disable the compressed stylesheet names.
<context-param>
<param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
<param-value>true</param-value>
</context-param>
This will help debug tremendously because you'll easily know what .x3x
is, for example.
Read the Skinning doc's tips for debugging.
I'm confused why you are using the panelBox keys to skin navigationPane?
- Jeanne
alee amin wrote:
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=""/>
<tr:commandNavigationItem text="item 3"
action=""/>
<tr:commandNavigationItem text="item 4" action=""/>
</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
|
