myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Jeanne Waldman <jeanne.wald...@oracle.com>
Subject Re: [Trinidad] Skinning Problem
Date Tue, 25 Sep 2007 16:43:54 GMT
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
I see you are getting the beach skin. That's a good thing.<br>
<br>
Now here is the link to the FAQs:<br>
<a class="moz-txt-link-freetext" href="http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ">http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ</a><br>
<br>
And here is the documentation:<br>
<a class="moz-txt-link-freetext" href="http://myfaces.apache.org/trinidad/devguide/skinning.html">http://myfaces.apache.org/trinidad/devguide/skinning.html</a><br>
It talks about how to disable the compressed stylesheet names.<br>
<pre>        &lt;context-param&gt;
         &lt;param-name&gt;org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION&lt;/param-name&gt;
         &lt;param-value&gt;true&lt;/param-value&gt;
        &lt;/context-param&gt;</pre>
<br>
This will help debug tremendously because you'll easily know what .x3x&nbsp;
is, for example.<br>
<br>
Read the Skinning doc's tips for debugging.<br>
<br>
I'm confused why you are using the panelBox keys to skin navigationPane?<br>
<br>
- Jeanne<br>
<br>
alee amin wrote:
<blockquote
 cite="mid848a55560709242145q4a8d043ehfe4c614bc276b434@mail.gmail.com"
 type="cite">may be i have mis typed while typing this mail. <br>
  <br>
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 .. <br>
  <br>
in demo application, i have bulleted menu item on side which has this
CSS attached<br>
.OraLink:link, .xi:link, .x34, .x37, .x3a a, .OraLinkText, .x8g,
.OraHGridNavRowActiveLink, .x9g, .OraNavBarActiveLink, .x9k {<br>
color:#003399;<br>
font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;<br>
font-size:10pt;<br>
font-weight:normal;<br>
} (analyzed using firebug)<br>
  <br>
  <br>
Now if i come to my own application in which i have made menu at the
side using
  <br>
  <br>
&lt;tr:navigationPane hint="list" inlineStyle="background-color:white;
"&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr:commandNavigationItem text="Item 34" styleClass="myLink"
action="
guide.navigationPane"/&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr:commandNavigationItem text="item 3"
action="guide.navigationPane"/&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr:commandNavigationItem text="item 4" action="
guide.navigationPane"/&gt;<br>
&lt;/tr:navigationPane&gt;<br>
  <br>
  <br>
and when i inpsected it using FireBug, i found the following CSS Code
.. <br>
  <br>
.x3x {beach-desktop-1_0... (line 49)<br>
background-image:url(../../images/list-
bullet.gif);<br>
background-position:center;<br>
background-repeat:no-repeat;<br>
font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;<br>
font-size:10pt;<br>
font-weight:normal;<br>
vertical-align:middle;<br>
width:17px;<br>
}<br>
  <br>
which gives the bullete form menu ... i want to override it .. I used
the following&nbsp;to&nbsp;change&nbsp;it<br>
/*&nbsp;&nbsp;&nbsp; -- CSS CHANGE &nbsp;&nbsp; --&nbsp;&nbsp;&nbsp;
*/ <br>
af|panelBox::medium af|panelBox::body {<br>
&nbsp; background-color: pink;<br>
&nbsp; padding: 6px;
  <br>
}<br>
  <br>
af|panelBox::medium af|panelBox::header {<br>
&nbsp; background-color: Aqua;<br>
&nbsp; font-weight: bold;<br>
}<br>
  <br>
af|panelBox::medium af|panelBox::content { <br>
&nbsp; background-color: #E7E4EA;<br>
&nbsp; border-color: purple;
  <br>
&nbsp; border-style: dashed;<br>
&nbsp; border-width:1px;<br>
&nbsp; padding-right: 6px;<br>
&nbsp; padding-left: 6px;<br>
}<br>
  <br>
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?<br>
  <br>
  <br>
  <br>
  <div><span class="gmail_quote">On 9/25/07, <b
 class="gmail_sendername">Jeanne Waldman</b> &lt;<a
 href="mailto:jeanne.waldman@oracle.com">jeanne.waldman@oracle.com</a>&gt;
wrote:</span>
  <blockquote class="gmail_quote"
 style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left:
1ex;">
    <div bgcolor="#ffffff" text="#000000"> This looks fine except
trinidad-skins.xml you called trinidad-skin.xml. <br>
    <br>
What is the problem? Are you not getting the beach skin at all?<br>
Are there any errors?<br>
Have you tried turning off the styleclass compression so you can see
the full styleclass names in the rendered html?
    <br>
Have you tried using Firebug?
    <div><span class="e" id="q_11539b655e5a73f8_1"><br>
    <br>
alee amin wrote:
    <blockquote
 cite="http://mid848a55560709240404g7d18c0a8p3c05cfadebdc5c3@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
      <br>
      <br>
this is *beach.css* which is skins\beach<br>
/*&nbsp;&nbsp;&nbsp; -- CSS CHANGE &nbsp;&nbsp; --&nbsp;&nbsp;&nbsp;
*/ <br>
af|panelBox::medium af|panelBox::body {<br>
&nbsp; background-color: pink;<br>
&nbsp; padding: 6px;<br>
}<br>
      <br>
af|panelBox::medium af|panelBox::header {
      <br>
&nbsp; background-color: Aqua;<br>
&nbsp; font-weight: bold;<br>
}<br>
      <br>
af|panelBox::medium af|panelBox::content { <br>
&nbsp; background-color: #E7E4EA;<br>
&nbsp; border-color: purple;<br>
&nbsp; border-style: dashed;<br>
&nbsp; border-width:1px;
      <br>
&nbsp; padding-right: 6px;<br>
&nbsp; padding-left: 6px;<br>
}<br>
      <br>
/*&nbsp;&nbsp;&nbsp; -- CSS CHANGE &nbsp;&nbsp; --&nbsp;&nbsp;&nbsp;
*/<br>
      <br>
---------<br>
*tinidad-skin.xml<br>
&nbsp;&nbsp;&nbsp; &lt;skin&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;id&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
beach.desktop<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/id&gt;
      <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;family&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
beach<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/family&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;render-kit-id&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
org.apache.myfaces.trinidad.desktop<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/render-kit-id&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;style-sheet-name&gt;
      <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
skins/beach/beach.css<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/style-sheet-name&gt;<br>
&nbsp;&nbsp;&nbsp; &lt;/skin&gt;<br>
------ <br>
*trinidad-config.xml*<br>
      <br>
&lt;trinidad-config xmlns="<a
 href="http://myfaces.apache.org/trinidad/config" target="_blank"
 onclick="return top.js.OpenExtLink(window,event,this)">
http://myfaces.apache.org/trinidad/config</a>"&gt;<br>
&nbsp; &lt;debug-output&gt;true&lt;/debug-output&gt; <br>
      <br>
      <br>
&nbsp; &lt;accessibility-mode&gt;inaccessible&lt;/accessibility-mode&gt;<br>
&nbsp; &lt;skin-family&gt;beach&lt;/skin-family&gt;
      <br>
&lt;/trinidad-config&gt;<br>
      <br clear="all">
----------------------------------------------------- <br>
and then i have added &lt;tr:document&gt; in the page which was
ecnlosed with int &lt;f:view&gt; .. now tell me what possible wrong
thing i have done .. :( ?
      <br>
      <br>
-alee<br>
-- <br>
Muhammad Ali<br>
      <a href="http://techboard.wordpress.com" target="_blank"
 onclick="return top.js.OpenExtLink(window,event,this)">http://techboard.wordpress.com</a><br>
Software Engineer - E2ESP<br>
muhammadaliamin(at)gmail(dot)com </blockquote>
    </span></div>
    </div>
  </blockquote>
  </div>
  <br>
  <br clear="all">
  <br>
-- <br>
Muhammad Ali<br>
  <a href="http://techboard.wordpress.com">http://techboard.wordpress.com</a><br>
Software Engineer - E2ESP
  <br>
muhammadaliamin(at)gmail(dot)com </blockquote>
</body>
</html>

Mime
View raw message