I have downloaded a theme from the gallery called blitzer, receiving a zip called "jquery-ui-1.8.2.custom.zip". I unzip this into my project under webapp/resources/styles/jquery-ui-1.8.2.blitzer. I add the css file and the 2 scripts onto my page like so:
Code: Select all
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...
<link type="text/css" rel="stylesheet" href="/Vermont/faces/javax.faces.resource/jquery-ui-1.8.2.blitzer/css/blitzer/jquery-ui-1.8.2.custom.css?ln=styles" />
<script type="text/javascript" src="../resources/styles/jquery-ui-1.8.2.blitzer/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../resources/styles/jquery-ui-1.8.2.blitzer/js/jquery-ui-1.8.2.custom.min.js"></script></head>
...
</head>
<body>
...
<p:schedule value="#{scheduleController.eventModel}" editable="true"
widgetVar="myschedule"
eventSelectListener="#{scheduleController.onEventSelect}"
dateSelectListener="#{scheduleController.onDateSelect}"
eventMoveListener="#{scheduleController.onEventMove}"
eventResizeListener="#{scheduleController.onEventResize}"
onEventMoveUpdate="messages" onEventResizeUpdate="messages"
theme="blitzer">
Is there any step-by-step tutorial I could follow for using PrimeFaces and ThemeRoller for skinning? Is there some simple configuration thing here that I'm missing? Should the theme attibute in the scheduler have a different value? Thanks in advance!