Problems with CSS...
Hi,
I'm have some problem with CSS in my application...
My application structure:
+ WebContent - estilos rspanel.xcss - pages echo.jsp -WEB-INF - lib faces-config.xml web.xml
rspanel.xcss
<?xml version="1.0" encoding="UTF-8"?>
<f:template xmlns:f='http:/jsf.exadel.com/template'
xmlns:u='http:/jsf.exadel.com/template/util'
xmlns="http://www.w3.org/1999/xhtml" >
<f:verbatim>
<![CDATA[
.rsPanel {
border-width:1px;
border-style:solid;
padding:10px;
background-position : top left;
background-repeat : repeat-x;
}
.rsInput {
border-style:solid;
border-width:1px;
.rsButton {
border-width:2px;
border-style:solid;
}
.rsLabel {
font-size: 50px;
}
]]>
</f:verbatim>
<u:selector name=".rsPanel">
<u:style name="border-color" skin="panelBorderColor" />
<u:style name="background-color" skin="headerBackgroundColor" />
<u:style name="background-image" >
<f:resource f:key="org.richfaces.renderkit.html.GradientA"/>
</u:style>
</u:selector>
<u:selector name=".rsInput">
<u:style name="background-color" skin="additionalBackgroundColor" />
</u:selector>
<u:selector name=".rsButton">
<u:style name="background-color" skin="additionalBackgroundColor" />
<u:style name="border-color" skin="panelBorderColor" />
</u:selector>
<u:selector name=".rsLabel">
<u:style name="color" skin="headerTextColor" />
</u:selector>
<u:style name="color" skin="headerTextColor" />
</f:template>
echo.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--link rel="stylesheet" href="/estilos/testeStyle.css" type="text/css"/-->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Project Test</title>
</head>
<body>
<f:view>
<a4j:loadScript src="resource:///estilos/rspanel.xcss" />
Panels Teste
<rich:panel header="Teste Header 1">
<h:panelGrid styleClass="rsPanel" width="250" columns="2" >
<h:outputText styleClass="rsLabel" value="Name:" />
</h:panelGrid>
<rich:panel header="Teste Header 2">
Teste Conteudo 2
</rich:panel>
Teste Conteudo 1
</rich:panel>
<br/>
Modal Panels Teste
<rich:modalPanel id="testePanel">
<f:facet name="header">
<h:outputText value="Titulo"/>
</f:facet>
<a href="javascript:Richfaces.hideModalPanel('testePanel')">Hide</a>
</rich:modalPanel>
<a href="javascript:Richfaces.showModalPanel('testePanel')">Show</a>
<br/>
Sliders
<rich:panelBar height="400" width="500">
<rich:panelBarItem label="Label 1">
Text 1
</rich:panelBarItem>
<rich:panelBarItem label="Label 2">
Text 2
</rich:panelBarItem>
<rich:panelBarItem label="Label 3">
Text3
</rich:panelBarItem>
</rich:panelBar>
<br/>
Menus Teste
<h:form>
<rich:toolBar height="34" itemSeparator="line">
<rich:dropDownMenu value="File">
<rich:menuItem value="New"/>
</rich:dropDownMenu>
</rich:toolBar>
</h:form>
</f:view>
</body>
</html>
So, nothing happens when I'm deploy the application
Someone can help me?
Tks
