Skinning Not working with JSF 2.0

sdrc · 27 Jan 2011, 00:22

Hi Experts,

I am facing some problems while skinning my Datatable and Calendar components. ... I am using Prime Faces 2.2 with JSF 2.0 and GlassFish AS....

My Template.xhtml looks as follows..

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.prime.com.tr/ui"
xmlns:f="http://java.sun.com/jsf/core">
<f:view contentType="text/html">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><ui:insert name="title">UN Projects</ui:insert></title>
<h:outputStylesheet name="css/bluesky/skin.css"/>
</h:head>

<h:body>

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<div id="head" style=" background-color:#90b4bd;width:1200px;height: 95px" >
<div style="padding-left: 0px;width: 200px;">

and my web.xml is as follows..

<context-param>
<param-name>primefaces.SKIN</param-name>
<param-value>none</param-value>
</context-param>
<servlet>

I have referred to the same problem faced by other prime faces users on this forum, and have implemented various options but without any result...

I would sincerely appreciate if any one could help me out here....

Thanks,
sdrc...

27 Jan 2011, 01:14

You cant use h:outputStylesheet at the moment, you need to use link tag. See theme gallery doc.

sdrc · 27 Jan 2011, 07:49

Hi Optimus,

Sincerely appreciate your quick response...

I used the following script instead...it solved the problem for me..

<link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.request.contextPath}/resources/css/flick/skin.css" />

Thanks for the pointer....

Skinning Not working with JSF 2.0

Who is online