You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by rageice <ra...@rastamail.com> on 2008/07/31 17:45:02 UTC

[trinidad] skinning

Hello, sorry for my bad english.

I am trying to use skins with trinidad, and I can't understand the result.


I have this in my page:
-------------------------------------
<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<tr:document
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:tr="http://myfaces.apache.org/trinidad"
    xmlns:trh="http://myfaces.apache.org/trinidad/html"        
>
    <tr:panelBox text="info">
        <tr:outputText value="hello"/>
    </tr:panelBox>
</tr:document>
[/code]

My css file:
[code]
af|panelBox::body {
  background-color: pink;
}
---------------------------------------


In trinidad-config.xml, I have 
---------------------------------------
[code]
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
    <skin>
        <id>skintest.desktop</id>
        <family>skintest</family>
        <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
        <style-sheet-name>/css/trinidad/skintest.css</style-sheet-name>
    </skin>
</skins>
----------------------------------------


And in trinidad-config.xml:
----------------------------------------
<?xml version="1.0"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
  <debug-output>true</debug-output>
  <skin-family>skintest</skin-family>
</trinidad-config>
----------------------------------------

AND NOW, THE GENERATED CODE:

The html table in the response is:
----------------------------------------
<td class="x5q">
  <table width="100%" cellspacing="0" cellpadding="0" border="0" summary="">
    <tbody>
      <tr>
        <td class="x5r">informations</td>
      </tr>
      <tr>
        <td>Vous n'êtes pas connecté</td>
      </tr>
    </tbody>
  </table>
</td>
----------------------------------------


And finally, the x5q class is:
----------------------------------------
.x5q {
background-color:pink;
padding:6px;
}
----------------------------------------

So, it should be ok. 
but in the result, nothing is pink, the css file is too big and I don't see
the problem.
Does someone has ever had this problem?



Thanks in advance.
-- 
View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18757534.html
Sent from the MyFaces - Users mailing list archive at Nabble.com.

Re: [trinidad] skinning

Posted by Matthias Wessendorf <ma...@apache.org>.
On Fri, Aug 1, 2008 at 11:28 AM, rageice <ra...@rastamail.com> wrote:
>
> Ok, so, after have looked the css in details, I can only say that trinidad
> generates stranges CSS rules (or there is something I don't know about
> skinning, and it isn't explained in the section of the same name of the
> trinidad web site).
>
> My panelBox should be pink, but the generated css is:
> .x5g .x5q {
>  background-color:pink;
> }

the x5g is due to compression. I recommend to turn
it off, for development.
see the trinidad dev guide for more infos on skinning

myfaces.apache.org/trinidad

Thx,
Matthias

>
> And the class x5g is never used in the generated html, so sure, there is a
> problem.
> Really, it seems to be impossible to use skinning with trinidad actually, my
> example is the most simple possible and it's not ok.
>
> Does someone know if the skinning strategy of trinidad will change ( I have
> read this somewhere but not sure )
>
> If someone has more informations about this...
>
> Thanks in advance.
>
>
> rageice wrote:
>>
>> Hello, sorry for my bad english.
>>
>> I am trying to use skins with trinidad, and I can't understand the result.
>>
>>
>> I have this in my page:
>> -------------------------------------
>> <?xml version='1.0' encoding='UTF-8' ?>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>>
>> <tr:document
>>     xmlns="http://www.w3.org/1999/xhtml"
>>     xmlns:ui="http://java.sun.com/jsf/facelets"
>>     xmlns:f="http://java.sun.com/jsf/core"
>>     xmlns:h="http://java.sun.com/jsf/html"
>>     xmlns:tr="http://myfaces.apache.org/trinidad"
>>     xmlns:trh="http://myfaces.apache.org/trinidad/html"
>>>
>>     <tr:panelBox text="info">
>>         <tr:outputText value="hello"/>
>>     </tr:panelBox>
>> </tr:document>
>> [/code]
>>
>> My css file:
>> [code]
>> af|panelBox::body {
>>   background-color: pink;
>> }
>> ---------------------------------------
>>
>>
>> In trinidad-config.xml, I have
>> ---------------------------------------
>> [code]
>> <skins xmlns="http://myfaces.apache.org/trinidad/skin">
>>     <skin>
>>         <id>skintest.desktop</id>
>>         <family>skintest</family>
>>         <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
>>         <style-sheet-name>/css/trinidad/skintest.css</style-sheet-name>
>>     </skin>
>> </skins>
>> ----------------------------------------
>>
>>
>> And in trinidad-config.xml:
>> ----------------------------------------
>> <?xml version="1.0"?>
>> <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
>>   <debug-output>true</debug-output>
>>   <skin-family>skintest</skin-family>
>> </trinidad-config>
>> ----------------------------------------
>>
>> AND NOW, THE GENERATED CODE:
>>
>> The html table in the response is:
>> ----------------------------------------
>> <td class="x5q">
>>   <table width="100%" cellspacing="0" cellpadding="0" border="0"
>> summary="">
>>     <tbody>
>>       <tr>
>>         <td class="x5r">informations</td>
>>       </tr>
>>       <tr>
>>         <td>Vous n'êtes pas connecté</td>
>>       </tr>
>>     </tbody>
>>   </table>
>> </td>
>> ----------------------------------------
>>
>>
>> And finally, the x5q class is:
>> ----------------------------------------
>> .x5q {
>> background-color:pink;
>> padding:6px;
>> }
>> ----------------------------------------
>>
>> So, it should be ok.
>> but in the result, nothing is pink, the css file is too big and I don't
>> see the problem.
>> Does someone has ever had this problem?
>>
>>
>>
>> Thanks in advance.
>>
>
> --
> View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18770992.html
> Sent from the MyFaces - Users mailing list archive at Nabble.com.
>
>



-- 
Matthias Wessendorf

further stuff:
blog: http://matthiaswessendorf.wordpress.com/
sessions: http://www.slideshare.net/mwessendorf
mail: matzew-at-apache-dot-org

Re: [trinidad] skinning

Posted by rageice <ra...@rastamail.com>.
Ok, so, after have looked the css in details, I can only say that trinidad
generates stranges CSS rules (or there is something I don't know about
skinning, and it isn't explained in the section of the same name of the
trinidad web site).

My panelBox should be pink, but the generated css is:
.x5g .x5q {
  background-color:pink;
}

And the class x5g is never used in the generated html, so sure, there is a
problem. 
Really, it seems to be impossible to use skinning with trinidad actually, my
example is the most simple possible and it's not ok.

Does someone know if the skinning strategy of trinidad will change ( I have
read this somewhere but not sure )

If someone has more informations about this...

Thanks in advance.


rageice wrote:
> 
> Hello, sorry for my bad english.
> 
> I am trying to use skins with trinidad, and I can't understand the result.
> 
> 
> I have this in my page:
> -------------------------------------
> <?xml version='1.0' encoding='UTF-8' ?> 
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> 
> <tr:document
>     xmlns="http://www.w3.org/1999/xhtml"
>     xmlns:ui="http://java.sun.com/jsf/facelets"
>     xmlns:f="http://java.sun.com/jsf/core"
>     xmlns:h="http://java.sun.com/jsf/html"
>     xmlns:tr="http://myfaces.apache.org/trinidad"
>     xmlns:trh="http://myfaces.apache.org/trinidad/html"        
>>
>     <tr:panelBox text="info">
>         <tr:outputText value="hello"/>
>     </tr:panelBox>
> </tr:document>
> [/code]
> 
> My css file:
> [code]
> af|panelBox::body {
>   background-color: pink;
> }
> ---------------------------------------
> 
> 
> In trinidad-config.xml, I have 
> ---------------------------------------
> [code]
> <skins xmlns="http://myfaces.apache.org/trinidad/skin">
>     <skin>
>         <id>skintest.desktop</id>
>         <family>skintest</family>
>         <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
>         <style-sheet-name>/css/trinidad/skintest.css</style-sheet-name>
>     </skin>
> </skins>
> ----------------------------------------
> 
> 
> And in trinidad-config.xml:
> ----------------------------------------
> <?xml version="1.0"?>
> <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
>   <debug-output>true</debug-output>
>   <skin-family>skintest</skin-family>
> </trinidad-config>
> ----------------------------------------
> 
> AND NOW, THE GENERATED CODE:
> 
> The html table in the response is:
> ----------------------------------------
> <td class="x5q">
>   <table width="100%" cellspacing="0" cellpadding="0" border="0"
> summary="">
>     <tbody>
>       <tr>
>         <td class="x5r">informations</td>
>       </tr>
>       <tr>
>         <td>Vous n'êtes pas connecté</td>
>       </tr>
>     </tbody>
>   </table>
> </td>
> ----------------------------------------
> 
> 
> And finally, the x5q class is:
> ----------------------------------------
> .x5q {
> background-color:pink;
> padding:6px;
> }
> ----------------------------------------
> 
> So, it should be ok. 
> but in the result, nothing is pink, the css file is too big and I don't
> see the problem.
> Does someone has ever had this problem?
> 
> 
> 
> Thanks in advance.
> 

-- 
View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18770992.html
Sent from the MyFaces - Users mailing list archive at Nabble.com.

Re: [trinidad] skinning

Posted by rageice <ra...@rastamail.com>.
Thanks for your answer, but in fact:

I know why a cache problem can appears. And that's why I don't understand
why it is possible to dynamically change skins without problem!

And for the CSS content, I have understood the problem! But I just can't
solve it. I don't really remember but there is really a problem in the
generation of the CSS file. Event with just a component, there is an inherit
rule ( or a rule like "a b { }" ) which breaks my definitions!!!

If there is something I don't do well, it is really not easy to find what!
And I do the same than in the section about skinning on the official website
whith the last trinidad version.


Frank Nimphius-2 wrote:
> 
> 
> 
> 
>   
> 
> 
> Hi, 
> 
> - why is there a cache problem 
> 
> Browsers tend to cache static content and dependent on whether or not
> it checks for a newer version of a specific file, it will take the file
> from cache, in which case you see the old content 
> 
> - what does x5q mean ? 
> 
> Using the real skin names like af_panelBox_body is inperformant, which
> is why the skin selector is shortened. To see the long names, add 
> 
>     &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;   
> 
> to the web.xml file. In Firebug (or WebDeveloper, which also is a great
> too in FF) you can now play with the CSS 
> 
> .af_panelBox{background-color:red;} 
> 
> As a tip of trade, I usually use display:none for such testings because
> it shows the impact much better than a different color 
> 
> And now to your real problem 
> 
> try af|panelBox::content 
> 
> Frank 
> 
> 
> rageice wrote:
> 
>   Thanks but I have already try ( and about this, I have another little
> question, why isn't there cache problems when we reload another skin
> dynamically? )
> 
> 
> Zigc Junk wrote:
>   
>   
>     Try to clear your browser cache?
> 
> Bill
> 
> 
> 
> On Thu, Jul 31, 2008 at 10:45 AM, rageice &lt;rageice@rastamail.com&gt; 
> wrote:
>     
>     
>       Hello, sorry for my bad english.
> 
> I am trying to use skins with trinidad, and I can't understand the
> result.
> 
> 
> I have this in my page:
> -------------------------------------
> &lt;?xml version='1.0' encoding='UTF-8' ?&gt;
> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" &gt;
> 
> &lt;tr:document
>    xmlns= "http://www.w3.org/1999/xhtml" 
>    xmlns:ui= "http://java.sun.com/jsf/facelets" 
>    xmlns:f= "http://java.sun.com/jsf/core" 
>    xmlns:h= "http://java.sun.com/jsf/html" 
>    xmlns:tr= "http://myfaces.apache.org/trinidad" 
>    xmlns:trh= "http://myfaces.apache.org/trinidad/html" 
>       
>          &lt;tr:panelBox text="info"&gt;
>        &lt;tr:outputText value="hello"/&gt;
>    &lt;/tr:panelBox&gt;
> &lt;/tr:document&gt;
> [/code]
> 
> My css file:
> [code]
> af|panelBox::body {
>  background-color: pink;
> }
> ---------------------------------------
> 
> 
> In trinidad-config.xml, I have
> ---------------------------------------
> [code]
> &lt;skins xmlns= "http://myfaces.apache.org/trinidad/skin" &gt;
>    &lt;skin&gt;
>        &lt;id&gt;skintest.desktop&lt;/id&gt;
>        &lt;family&gt;skintest&lt;/family&gt;
>       
> &lt;render-kit-id&gt;org.apache.myfaces.trinidad.desktop&lt;/render-kit-id&gt;
>       
> &lt;style-sheet-name&gt;/css/trinidad/skintest.css&lt;/style-sheet-name&gt;
>    &lt;/skin&gt;
> &lt;/skins&gt;
> ----------------------------------------
> 
> 
> And in trinidad-config.xml:
> ----------------------------------------
> &lt;?xml version="1.0"?&gt;
> &lt;trinidad-config xmlns= "http://myfaces.apache.org/trinidad/config"
> &gt;
>  &lt;debug-output&gt;true&lt;/debug-output&gt;
>  &lt;skin-family&gt;skintest&lt;/skin-family&gt;
> &lt;/trinidad-config&gt;
> ----------------------------------------
> 
> AND NOW, THE GENERATED CODE:
> 
> The html table in the response is:
> ----------------------------------------
> &lt;td class="x5q"&gt;
>  &lt;table width="100%" cellspacing="0" cellpadding="0" border="0"
> summary=""&gt;
>    &lt;tbody&gt;
>      &lt;tr&gt;
>        &lt;td class="x5r"&gt;informations&lt;/td&gt;
>      &lt;/tr&gt;
>      &lt;tr&gt;
>        &lt;td&gt;Vous n'êtes pas connecté&lt;/td&gt;
>      &lt;/tr&gt;
>    &lt;/tbody&gt;
>  &lt;/table&gt;
> &lt;/td&gt;
> ----------------------------------------
> 
> 
> And finally, the x5q class is:
> ----------------------------------------
> .x5q {
> background-color:pink;
> padding:6px;
> }
> ----------------------------------------
> 
> So, it should be ok.
> but in the result, nothing is pink, the css file is too big and I don't
> see
> the problem.
> Does someone has ever had this problem?
> 
> 
> 
> Thanks in advance.
> --
> View this message in context:
> http://www.nabble.com/-trinidad--skinning-tp18757534p18757534.html 
> Sent from the MyFaces - Users mailing list archive at Nabble.com.
> 
> 
>       
>     
>     
>     
>   
>   
>   
> 
> 
> 
> -- 
> 
> Frank Nimphius | Principal Product Manager 
> Oracle Application Development Tools 
> 
>   
>     
>       
>       Oracle is committed to developing practices and
> products that help protect the environment
>     
>   
> 
> 
> 
> 
> 
>  
>  
> 

-- 
View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18848501.html
Sent from the MyFaces - Users mailing list archive at Nabble.com.

Re: [trinidad] skinning

Posted by rageice <ra...@rastamail.com>.
Thanks but I have already try ( and about this, I have another little
question, why isn't there cache problems when we reload another skin
dynamically? )


Zigc Junk wrote:
> 
> Try to clear your browser cache?
> 
> Bill
> 
> 
> 
> On Thu, Jul 31, 2008 at 10:45 AM, rageice <ra...@rastamail.com> wrote:
>>
>> Hello, sorry for my bad english.
>>
>> I am trying to use skins with trinidad, and I can't understand the
>> result.
>>
>>
>> I have this in my page:
>> -------------------------------------
>> <?xml version='1.0' encoding='UTF-8' ?>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>>
>> <tr:document
>>    xmlns="http://www.w3.org/1999/xhtml"
>>    xmlns:ui="http://java.sun.com/jsf/facelets"
>>    xmlns:f="http://java.sun.com/jsf/core"
>>    xmlns:h="http://java.sun.com/jsf/html"
>>    xmlns:tr="http://myfaces.apache.org/trinidad"
>>    xmlns:trh="http://myfaces.apache.org/trinidad/html"
>>>
>>    <tr:panelBox text="info">
>>        <tr:outputText value="hello"/>
>>    </tr:panelBox>
>> </tr:document>
>> [/code]
>>
>> My css file:
>> [code]
>> af|panelBox::body {
>>  background-color: pink;
>> }
>> ---------------------------------------
>>
>>
>> In trinidad-config.xml, I have
>> ---------------------------------------
>> [code]
>> <skins xmlns="http://myfaces.apache.org/trinidad/skin">
>>    <skin>
>>        <id>skintest.desktop</id>
>>        <family>skintest</family>
>>        <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
>>        <style-sheet-name>/css/trinidad/skintest.css</style-sheet-name>
>>    </skin>
>> </skins>
>> ----------------------------------------
>>
>>
>> And in trinidad-config.xml:
>> ----------------------------------------
>> <?xml version="1.0"?>
>> <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
>>  <debug-output>true</debug-output>
>>  <skin-family>skintest</skin-family>
>> </trinidad-config>
>> ----------------------------------------
>>
>> AND NOW, THE GENERATED CODE:
>>
>> The html table in the response is:
>> ----------------------------------------
>> <td class="x5q">
>>  <table width="100%" cellspacing="0" cellpadding="0" border="0"
>> summary="">
>>    <tbody>
>>      <tr>
>>        <td class="x5r">informations</td>
>>      </tr>
>>      <tr>
>>        <td>Vous n'êtes pas connecté</td>
>>      </tr>
>>    </tbody>
>>  </table>
>> </td>
>> ----------------------------------------
>>
>>
>> And finally, the x5q class is:
>> ----------------------------------------
>> .x5q {
>> background-color:pink;
>> padding:6px;
>> }
>> ----------------------------------------
>>
>> So, it should be ok.
>> but in the result, nothing is pink, the css file is too big and I don't
>> see
>> the problem.
>> Does someone has ever had this problem?
>>
>>
>>
>> Thanks in advance.
>> --
>> View this message in context:
>> http://www.nabble.com/-trinidad--skinning-tp18757534p18757534.html
>> Sent from the MyFaces - Users mailing list archive at Nabble.com.
>>
>>
> 
> 

-- 
View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18759981.html
Sent from the MyFaces - Users mailing list archive at Nabble.com.

Re: [trinidad] skinning

Posted by Zigc Junk <zi...@gmail.com>.
Try to clear your browser cache?

Bill



On Thu, Jul 31, 2008 at 10:45 AM, rageice <ra...@rastamail.com> wrote:
>
> Hello, sorry for my bad english.
>
> I am trying to use skins with trinidad, and I can't understand the result.
>
>
> I have this in my page:
> -------------------------------------
> <?xml version='1.0' encoding='UTF-8' ?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> <tr:document
>    xmlns="http://www.w3.org/1999/xhtml"
>    xmlns:ui="http://java.sun.com/jsf/facelets"
>    xmlns:f="http://java.sun.com/jsf/core"
>    xmlns:h="http://java.sun.com/jsf/html"
>    xmlns:tr="http://myfaces.apache.org/trinidad"
>    xmlns:trh="http://myfaces.apache.org/trinidad/html"
>>
>    <tr:panelBox text="info">
>        <tr:outputText value="hello"/>
>    </tr:panelBox>
> </tr:document>
> [/code]
>
> My css file:
> [code]
> af|panelBox::body {
>  background-color: pink;
> }
> ---------------------------------------
>
>
> In trinidad-config.xml, I have
> ---------------------------------------
> [code]
> <skins xmlns="http://myfaces.apache.org/trinidad/skin">
>    <skin>
>        <id>skintest.desktop</id>
>        <family>skintest</family>
>        <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
>        <style-sheet-name>/css/trinidad/skintest.css</style-sheet-name>
>    </skin>
> </skins>
> ----------------------------------------
>
>
> And in trinidad-config.xml:
> ----------------------------------------
> <?xml version="1.0"?>
> <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
>  <debug-output>true</debug-output>
>  <skin-family>skintest</skin-family>
> </trinidad-config>
> ----------------------------------------
>
> AND NOW, THE GENERATED CODE:
>
> The html table in the response is:
> ----------------------------------------
> <td class="x5q">
>  <table width="100%" cellspacing="0" cellpadding="0" border="0" summary="">
>    <tbody>
>      <tr>
>        <td class="x5r">informations</td>
>      </tr>
>      <tr>
>        <td>Vous n'êtes pas connecté</td>
>      </tr>
>    </tbody>
>  </table>
> </td>
> ----------------------------------------
>
>
> And finally, the x5q class is:
> ----------------------------------------
> .x5q {
> background-color:pink;
> padding:6px;
> }
> ----------------------------------------
>
> So, it should be ok.
> but in the result, nothing is pink, the css file is too big and I don't see
> the problem.
> Does someone has ever had this problem?
>
>
>
> Thanks in advance.
> --
> View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18757534.html
> Sent from the MyFaces - Users mailing list archive at Nabble.com.
>
>

Re: [trinidad] skinning

Posted by rageice <ra...@rastamail.com>.
Yes I will try again (I have searched a little with firebug, but the CSS is
really big).
There is necessary a simple thing i haven't seen.
Just to precise, the page I displayed here is full.
I will give more details later if I understand.


Andrew Robinson-5 wrote:
> 
> Use the IE developer toolbar or Firebug in firefox to debug the CSS
> and find out the problem. Perhaps an inner element is overriding the
> background color.
> 
> -Andrew
> 
> On Thu, Jul 31, 2008 at 9:45 AM, rageice <ra...@rastamail.com> wrote:
>>
>> Hello, sorry for my bad english.
>>
>> I am trying to use skins with trinidad, and I can't understand the
>> result.
>>
>>
>> I have this in my page:
>> -------------------------------------
>> <?xml version='1.0' encoding='UTF-8' ?>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>>
>> <tr:document
>>    xmlns="http://www.w3.org/1999/xhtml"
>>    xmlns:ui="http://java.sun.com/jsf/facelets"
>>    xmlns:f="http://java.sun.com/jsf/core"
>>    xmlns:h="http://java.sun.com/jsf/html"
>>    xmlns:tr="http://myfaces.apache.org/trinidad"
>>    xmlns:trh="http://myfaces.apache.org/trinidad/html"
>>>
>>    <tr:panelBox text="info">
>>        <tr:outputText value="hello"/>
>>    </tr:panelBox>
>> </tr:document>
>> [/code]
>>
>> My css file:
>> [code]
>> af|panelBox::body {
>>  background-color: pink;
>> }
>> ---------------------------------------
>>
>>
>> In trinidad-config.xml, I have
>> ---------------------------------------
>> [code]
>> <skins xmlns="http://myfaces.apache.org/trinidad/skin">
>>    <skin>
>>        <id>skintest.desktop</id>
>>        <family>skintest</family>
>>        <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
>>        <style-sheet-name>/css/trinidad/skintest.css</style-sheet-name>
>>    </skin>
>> </skins>
>> ----------------------------------------
>>
>>
>> And in trinidad-config.xml:
>> ----------------------------------------
>> <?xml version="1.0"?>
>> <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
>>  <debug-output>true</debug-output>
>>  <skin-family>skintest</skin-family>
>> </trinidad-config>
>> ----------------------------------------
>>
>> AND NOW, THE GENERATED CODE:
>>
>> The html table in the response is:
>> ----------------------------------------
>> <td class="x5q">
>>  <table width="100%" cellspacing="0" cellpadding="0" border="0"
>> summary="">
>>    <tbody>
>>      <tr>
>>        <td class="x5r">informations</td>
>>      </tr>
>>      <tr>
>>        <td>Vous n'êtes pas connecté</td>
>>      </tr>
>>    </tbody>
>>  </table>
>> </td>
>> ----------------------------------------
>>
>>
>> And finally, the x5q class is:
>> ----------------------------------------
>> .x5q {
>> background-color:pink;
>> padding:6px;
>> }
>> ----------------------------------------
>>
>> So, it should be ok.
>> but in the result, nothing is pink, the css file is too big and I don't
>> see
>> the problem.
>> Does someone has ever had this problem?
>>
>>
>>
>> Thanks in advance.
>> --
>> View this message in context:
>> http://www.nabble.com/-trinidad--skinning-tp18757534p18757534.html
>> Sent from the MyFaces - Users mailing list archive at Nabble.com.
>>
>>
> 
> 

-- 
View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18759955.html
Sent from the MyFaces - Users mailing list archive at Nabble.com.

Re: [trinidad] skinning

Posted by Andrew Robinson <an...@gmail.com>.
Use the IE developer toolbar or Firebug in firefox to debug the CSS
and find out the problem. Perhaps an inner element is overriding the
background color.

-Andrew

On Thu, Jul 31, 2008 at 9:45 AM, rageice <ra...@rastamail.com> wrote:
>
> Hello, sorry for my bad english.
>
> I am trying to use skins with trinidad, and I can't understand the result.
>
>
> I have this in my page:
> -------------------------------------
> <?xml version='1.0' encoding='UTF-8' ?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> <tr:document
>    xmlns="http://www.w3.org/1999/xhtml"
>    xmlns:ui="http://java.sun.com/jsf/facelets"
>    xmlns:f="http://java.sun.com/jsf/core"
>    xmlns:h="http://java.sun.com/jsf/html"
>    xmlns:tr="http://myfaces.apache.org/trinidad"
>    xmlns:trh="http://myfaces.apache.org/trinidad/html"
>>
>    <tr:panelBox text="info">
>        <tr:outputText value="hello"/>
>    </tr:panelBox>
> </tr:document>
> [/code]
>
> My css file:
> [code]
> af|panelBox::body {
>  background-color: pink;
> }
> ---------------------------------------
>
>
> In trinidad-config.xml, I have
> ---------------------------------------
> [code]
> <skins xmlns="http://myfaces.apache.org/trinidad/skin">
>    <skin>
>        <id>skintest.desktop</id>
>        <family>skintest</family>
>        <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
>        <style-sheet-name>/css/trinidad/skintest.css</style-sheet-name>
>    </skin>
> </skins>
> ----------------------------------------
>
>
> And in trinidad-config.xml:
> ----------------------------------------
> <?xml version="1.0"?>
> <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
>  <debug-output>true</debug-output>
>  <skin-family>skintest</skin-family>
> </trinidad-config>
> ----------------------------------------
>
> AND NOW, THE GENERATED CODE:
>
> The html table in the response is:
> ----------------------------------------
> <td class="x5q">
>  <table width="100%" cellspacing="0" cellpadding="0" border="0" summary="">
>    <tbody>
>      <tr>
>        <td class="x5r">informations</td>
>      </tr>
>      <tr>
>        <td>Vous n'êtes pas connecté</td>
>      </tr>
>    </tbody>
>  </table>
> </td>
> ----------------------------------------
>
>
> And finally, the x5q class is:
> ----------------------------------------
> .x5q {
> background-color:pink;
> padding:6px;
> }
> ----------------------------------------
>
> So, it should be ok.
> but in the result, nothing is pink, the css file is too big and I don't see
> the problem.
> Does someone has ever had this problem?
>
>
>
> Thanks in advance.
> --
> View this message in context: http://www.nabble.com/-trinidad--skinning-tp18757534p18757534.html
> Sent from the MyFaces - Users mailing list archive at Nabble.com.
>
>