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

    Problems with CSS...

    brunnot
    brunnot Jan 8, 2008 4:25 PM

      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

      • 1359 Views
      • Tags: