myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Burghard Britzke <b...@charmides.in-berlin.de>
Subject Re: [Trinidad] Skinning Error: CSS not available
Date Tue, 19 Aug 2008 04:03:51 GMT

Am 19.08.2008 um 00:58 schrieb Marco Vieira:

> Hi,
>
> Well I would like to use the Trinidad Skinning mechanism. I verified  
> that the CSS file is deployed to the WAR. In the trinidad-skins.xml  
> file I even tried to make the path more specific using this url: // 
> RxMasterNV/skins/tableskin/tableskin.css
> But still no luck. Burghard, I tried your solution, but I kept  
> getting an error saying that I cannot use #{...} in the templating  
> text body, or something like that.
>
> I feel that the issue is simple, but I just can't put my finger on  
> it. Any other suggestions?
>
> Thanks,
>
> Marco
>
> On Mon, Aug 18, 2008 at 6:51 PM, Burghard Britzke <bubi@charmides.in-berlin.de 
> > wrote:
> but it it not the trinidad skinning css file which I included. the  
> skinning css file should exist at the location you specified in the  
> trinidad-skins.xml configuration file. the skin-elements you specify  
> there should be referenced by a skin-family-element in the trinidad- 
> config.xml
>
> so you have to decide if you want to import styles without the  
> skinning mechanism or if you want to take advantage of the trinidad  
> skinning mechanism. for the latter take the above steps.
>
> burghard.
>
> Am 18.08.2008 um 19:31 schrieb Burghard Britzke:
>
>> I use
>>
>>    <tr:document>
>>       <f:facet name="metaContainer">
>>          <h:panelGroup>
>>             <style type="text/css">
>>                @import  
>> "#{facesContext.externalContext.requestContextPath}/<path to my>.css"
>>             </style>
>>             ...
>>          </h:panelGroup>
>>       </f:facet>
>>
>>
>> and it worked for me. the link-element should also work as the  
>> script-and the style-element does. you can group more elements to a  
>> h:panelGroup which is rendered a a sequence of elements in the head- 
>> element of the html response.
>> hth
>> burghard.
>>
>> Am 18.08.2008 um 19:15 schrieb Marco Vieira:
>>
>>> Thanks for the quick replies,
>>>
>>> I've tried manually linking the CSS file within trh:head tags. But  
>>> it didn't work it just added another CSS reference.
>>>
>>> Anyone have more ideias? I've been on this for 3 days...I'm sort  
>>> of a beginner :)
>>>
>>> Thanks in advance,
>>>
>>> Marco
>>>
>>> On Mon, Aug 18, 2008 at 3:38 PM, Simon Lessard <simon.lessard.3@gmail.com

>>> > wrote:
>>> Hi,
>>>
>>> No, tr:document should add the skin reference correctly, I don't  
>>> know why it isn't working for you yet however.
>>>
>>>
>>> Regards,
>>>
>>> ~ Simon
>>>
>>>
>>> On Mon, Aug 18, 2008 at 10:33 AM, René van Wijk <rwijk@transfer-solutions.com

>>> > wrote:
>>> I am not sure but to my knowledge you have to use
>>> <trh:html>
>>>      <trh:head title="Departments">
>>>        <meta http-equiv="Content-Type" content="text/html;  
>>> charset=windows-1252"/>
>>>      </trh:head>
>>>      <trh:body>
>>>      </trh:body>
>>> <trh:html>
>>>
>>> if you want the trinidad metadata, such as skins, to be loaded.  
>>> The tag <tr:document> only adds the default html, head and body  
>>> tags. Hope this helps.
>>>
>>>        -----Original Message-----
>>>        From: Marco Vieira [mailto:marcoacvieira@gmail.com]
>>>        Sent: Mon 8/18/2008 16:17 PM
>>>        To: users@myfaces.apache.org
>>>        Cc:
>>>        Subject: [Trinidad] Skinning Error: CSS not available
>>>
>>>
>>>        Hello,
>>>
>>>        I'm trying to working with skinning for the <tr:table> tag.  
>>> However, the styles I specify are not showing up. Using Firebug I  
>>> noticed that when I expand the <link> tag in the <head> section I
 
>>> get an Apache Error message em html format, here's the message:
>>>
>>>        <html>
>>>
>>>        <head>
>>>
>>>        <title>Apache Tomcat/6.0.16 - Error report</title>
>>>        <style><!--H1 {font-family:Tahoma,Arial,sans- 
>>> serif;color:white;background-color:#525D76;font-size:22px;} H2  
>>> {font-family:Tahoma,Arial,sans-serif;color:white;background- 
>>> color:#525D76;font-size:16px;} H3 {font-family:Tahoma,Arial,sans- 
>>> serif;color:white;background-color:#525D76;font-size:14px;} BODY  
>>> {font-family:Tahoma,Arial,sans-serif;color:black;background- 
>>> color:white;} B {font-family:Tahoma,Arial,sans- 
>>> serif;color:white;background-color:#525D76;} P {font- 
>>> family:Tahoma,Arial,sans-serif;background:white;color:black;font- 
>>> size:12px;}A {color : black;}A.name {color : black;}HR {color :  
>>> #525D76;}--></style>
>>>
>>>        </head>
>>>        <body>
>>>
>>>        <h1>HTTP Status 404 - /RxMasterNV/adf/styles/cache/ 
>>> tableskin-desktop-b2dkl6-en-ltr-gecko.css</h1>
>>>        <HR size="1" noshade="noshade"><p><b>type</b>
>>>        Status report</p><p><b>message</b> <u>/RxMasterNV/adf/

>>> styles/cache/tableskin-desktop-b2dkl6-en-ltr-gecko.css</u></ 
>>> p><p><b>description</b> <u>The requested resource
(/RxMasterNV/adf/ 
>>> styles/cache/tableskin-desktop-b2dkl6-en-ltr-gecko.css) is not  
>>> available.</u></p><HR size="1" noshade="noshade">
>>>        <h3>Apache Tomcat/6.0.16</h3>
>>>
>>>        </body>
>>>
>>>
>>>        </html>
>>>
>>>        It seems that the CSS cannot be found. Does anyone have any  
>>> ideias on how to approach the problem? This is my set up:
>>>
>>>
>>>
>>>        *       Netbeans 6.1
>>>        *       Tomcat 6.16
>>>        *       Trinidad 1.2.8
>>>        *       MyFaces Core 1.2.3
>>>
>>>
>>>        trinidad-config.xml
>>>
>>>        <?xml version="1.0" encoding="UTF-8"?>
>>>        <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config 
>>> ">
>>>            <!-- Enable debug output -->
>>>            <debug-output>true</debug-output>
>>>            <!-- Pick accessibility options based on a per-user  
>>> managed bean -->
>>>            <!--<accessibility-mode>default</accessibility-mode>-->
>>>            <skin-family>tableskin</skin-family>
>>>        </trinidad-config>
>>>
>>>        trinidad-skins.xml
>>>
>>>        <?xml version="1.0" encoding="ISO-8859-1"?>
>>>        <skins xmlns="http://myfaces.apache.org/trinidad/skin">
>>>            <skin>
>>>                <id>tableskin.desktop</id>
>>>                <family>tableskin</family>
>>>                <render-kit-id>org.apache.myfaces.trinidad.desktop</

>>> render-kit-id>
>>>                <style-sheet-name>skins/tableskin/tableskin.css</ 
>>> style-sheet-name>
>>>            </skin>
>>>        </skins>
>>>
>>>        web.xml
>>>
>>>        I have  
>>> org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION set to true.
>>>
>>>        skins/tableskin/tableskin.css
>>>
>>>        .AFDarkForeground:alias {
>>>         color:#00CC00;
>>>        }
>>>        .AFDefaultFontFamily:alias {
>>>          font-family: Tahoma, Verdana, Helvetica, sans-serif;
>>>        }
>>>        /*Specifies the background color for data cells. This is  
>>> included in the af|column::cell* and af|table::control-bar*  
>>> selectors.*/
>>>        .AFTableCellDataBackgroundColor:alias {
>>>            padding-left: 1px;
>>>            padding-right: 1px;
>>>            margin: 0;
>>>            background-color: blue;
>>>        }
>>>        /* Specifies the background color for banded data cells.  
>>> This is included in the af|column::cell*band selectors. */
>>>        .AFTableCellDataBandedBackgroundColor:alias {
>>>            padding-left: 1px;
>>>            padding-right: 1px;
>>>            margin: 0;
>>>            background-color: orange;
>>>        }
>>>
>>>        .AFTableCellDataBorderColor:alias {
>>>            border-color: black;
>>>        }
>>>
>>>        medSearchTest.jsp
>>>
>>>        The JSP page where the table is used:
>>>
>>>        <%@page contentType="text/html" pageEncoding="UTF-8"%>
>>>        <%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
>>>        <%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
>>>        <%@taglib prefix="t" uri="http://myfaces.apache.org/ 
>>> tomahawk"%>
>>>        <%@taglib prefix="trh" uri="http://myfaces.apache.org/trinidad/html

>>> "%>
>>>        <%@taglib prefix="tr" uri="http://myfaces.apache.org/ 
>>> trinidad"%>
>>>
>>>        <f:view>
>>>        <tr:document title="Search for Meds">
>>>                <tr:form>
>>>                    <tr:table summary="Search Results"
>>>                        binding="#{medSearchUITable.medSearchTable}"
>>>                        rendered="#{medSearchUITable.medSearched}"
>>>                        rowBandingInterval="2"
>>>                        value="#{medSearchUITable.dbResults}"
>>>                        var="row"
>>>                        rows="20">
>>>                        <f:facet name="footer">
>>>                                  <tr:commandButton text="Select"  
>>> actionListener="#{medSearchUITable.selectMedication}"/>
>>>                        </f:facet>
>>>                        <tr:column>
>>>                            <f:facet name="header">
>>>                                <tr:outputText value="Name"/>
>>>                            </f:facet>
>>>                            <tr:outputText value="#{row.medName}"/>
>>>                        </tr:column>
>>>                        <tr:column>
>>>                            <f:facet name="header">
>>>                                <tr:outputText value="DCI"/>
>>>                            </f:facet>
>>>                            <tr:outputText value="#{row.medDCIPT}"/>
>>>                        </tr:column>
>>>                        <tr:column>
>>>                            <f:facet name="header">
>>>                                <tr:outputText value="Forma"/>
>>>                            </f:facet>
>>>                            <tr:outputText  
>>> value="#{row.medPharmForm}"/>
>>>                        </tr:column>
>>>                    </tr:table>
>>>                </tr:form>
>>>
>>>        </tr:document>
>>>             </f:view>
>>>
>>>
>>>
>>>        Thanks in advance,
>>>
>>>        Marco
>>>
>>>
>>>
>>>
>>
>
>


Mime
View raw message