myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From René van Wijk <rw...@Transfer-Solutions.com>
Subject Re: [Trinidad] Skinning Error: CSS not available
Date Tue, 19 Aug 2008 07:47:47 GMT
Hi Marco,
 
I have the following trinidad-config file:
<?xml version="1.0"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
  <!--debug-output>true</debug-output-->
  <accessibility-mode>#{user.accessibilityMode}</accessibility-mode>
  <skin-family>#{view.locale.language != 'nl' ? 'example' : 'minimal'}</skin-family>
</trinidad-config>
 
and the following trinidad-skins file
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
  <skin>
    <id>example</id>
    <family>example</family>
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
    <style-sheet-name>skins/example/example.css</style-sheet-name>
  </skin>
</skins>
 
The difference I saw in your trinidad-skins file is that the id and family do not match
<skin>
<id>tableskin.desktop</id>
<family>tableskin</family>
 
Could you try to match the id and the family and see if that works. Also if you still have
problems
maybe you can try the build-in minimal skin if this does not load either, it could be that
the resources
servlet is not properly loaded (web.xml)
<servlet>
        <servlet-name>resources</servlet-name>
        <servlet-class>org.apache.myfaces.trinidad.webapp.ResourceServlet</servlet-class>
</servlet>
<servlet-mapping>
        <servlet-name>resources</servlet-name>
        <url-pattern>/adf/*</url-pattern>
</servlet-mapping>
 
In my pages I use the following:
<trh:html>
      <trh:head title="example">
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
      </trh:head>
      <trh:body>....
 
But you can just as well use <tr:document title="example">. Hope this is of any help
to you.
 

	
	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