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
