1 Reply Latest reply on Jan 8, 2008 5:23 PM by Sergey Smirnov

    Problems with CSS...

    Brunno Tavares Newbie

      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