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 <
[EMAIL PROTECTED]> 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 <[EMAIL PROTECTED]>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 <
>> [EMAIL PROTECTED]> 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:[EMAIL PROTECTED]
>>>        Sent: Mon 8/18/2008 16:17 PM
>>>        To: [email protected]
>>>        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:
>>>
>>>        <[EMAIL PROTECTED] contentType="text/html" pageEncoding="UTF-8"%>
>>>        <[EMAIL PROTECTED] prefix="f" uri="http://java.sun.com/jsf/core"%>
>>>        <[EMAIL PROTECTED] prefix="h" uri="http://java.sun.com/jsf/html"%>
>>>        <[EMAIL PROTECTED] prefix="t" 
>>> uri="http://myfaces.apache.org/tomahawk"%>
>>>        <[EMAIL PROTECTED] prefix="trh" uri="
>>> http://myfaces.apache.org/trinidad/html"%>
>>>        <[EMAIL PROTECTED] 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
>>>
>>>
>>>
>>
>
>
>

Reply via email to