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 <[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: 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:

       <[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