WebGalileo Faces quick installation guides
To install Webgalileo JSF components you should first download and import JAR files listed below:
xml-apis.jar
commons-discovery.jar
commons-fileupload.jar
commons-lang.jar
portlet-api.jar
standard.jar
jcommon.jar
jfreechart.jar
wgf-core.jar
wgf-faces.jar
wgf-settings-plugin.jar
wgf-tags.jar
xercesImpl.jar
Be sure that you already have installed and verified installation of standard JSF library. After you import JARs, you should add these lines in your web.xml file:
<filter>
<filter-name>ExtraSpaceFilter</filter-name>
<filter-class>
com.jscape.framework.galileo.support.filters.ExtraSpaceRemover
</filter-class>
</filter>
<filter>
<filter-name>zipFilter</filter-name>
<filter-class>
com.jscape.framework.galileo.support.filters.GZIPFilter
</filter-class>
</filter>
<filter>
<filter-name>CacheImageFilter</filter-name>
<filter-class>
com.jscape.framework.galileo.support.filters.IEFlickerFixFilter
</filter-class>
</filter>
<filter>
<filter-name>uploadFilter</filter-name>
<filter-class>
com.jscape.framework.galileo.support.upload.UploadFilter
</filter-class>
<init-param>
<param-name>maxFileSize</param-name>
<param-value>1024</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CacheImageFilter</filter-name>
<url-pattern>*.gif</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>CacheImageFilter</filter-name>
<url-pattern>*.jpg</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>CacheImageFilter</filter-name>
<url-pattern>*.png</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>uploadFilter</filter-name>
<url-pattern>*.faces</url-pattern>
</filter-mapping>
<servlet>
<servlet-name>
FileOrImageUploadServlet
</servlet-name>
<servlet-class>
com.jscape.framework.galileo.support.base.Upload
</servlet-class>
<init-param>
<param-name>uploadDir</param-name>
<param-value>/upload</param-value>
</init-param>
</servlet>
<servlet>
<servlet-name>DisplayChart</servlet-name>
<servlet-class>
org.jfree.chart.servlet.DisplayChart
</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>FileOrImageUploadServlet</servlet-name>
<url-pattern>/UploadServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>DisplayChart</servlet-name>
<url-pattern>/chart/*</url-pattern>
</servlet-mapping>
After that find these lines:
<context-param>
<param-name>javax.faces.CONFIG_FILES</param-name>
<param-value>
/WEB-INF/faces-config.xml
</param-value>
</context-param>
and replace them with:
<context-param>
<param-name>javax.faces.CONFIG_FILES</param-name>
<param-value>
/WEB-INF/faces-config.xml,
/WEB-INF/components-faces-config.xml,
/WEB-INF/panelbar-faces-config.xml,
/WEB-INF/popupwindow-faces-config.xml,
/WEB-INF/progressbar-faces-config.xml,
/WEB-INF/flex-menu-faces-config.xml,
/WEB-INF/gmaps-faces-config.xml,
/WEB-INF/flowchart-faces-config.xml,
/WEB-INF/dragarea-faces-config.xml,
/WEB-INF/chart-faces-config.xml
</param-value>
</context-param>
After that download the zip file with config files and copy its content into WEB-INF folder.
For Webgalileo faces you should include taglib directive for each component type you wish to use on page. Webgalileo doesn't have real skin support. Instead of this you should for each component define css styles and pictures. So by that you can create skins by placing pictures and css styles for first skin in first folder, and for second skin in second folder ... You can find pictures and css styles in demo application webgalileofaces.war included in webgalileofaces-3.0.zip.
This is an example page with one calendar component:
<%@ page contentType="text/html; charset=windows-1251" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://www.jscape.com/creator/calendar" prefix="calendar" %>
<f:subview id="calendarBasicFeatures">
<html>
<head>
<title>Title</title>
</head>
<body>
<h:form>
<h:outputText id="chooseDate" value="Choose date:"/>
<calendar:calendar id="weekPicker"
dragAndDrop="true"
mask="yyyy-MM-dd"
separator="-"
emptyValueEnabled="true"
weekSelection="true"
monthBackButtonImg="images/calendar/default/arrow_left.gif"
monthBackButtonRollOverImg="images/calendar/default/arrow_left.gif"
monthForwardButtonImg="images/calendar/default/arrow_right.gif"
monthForwardButtonRollOverImg="images/calendar/default/arrow_right.gif"
yearBackButtonImg="images/calendar/default/arrow_left.gif"
yearBackButtonRollOverImg="images/calendar/default/arrow_left.gif"
yearForwardButtonImg="images/calendar/default/arrow_right.gif"
yearForwardButtonRollOverImg="images/calendar/default/arrow_right.gif"
openerButtonImg="images/calendar/default/calendar.gif"
todayButtonImg="images/calendar/default/today.gif"
applyButtonImg="images/calendar/default/apply.gif"
cancelButtonImg="images/calendar/default/cancel.gif"
monthBackButtonHeight="24"
monthBackButtonWidth="24"
monthBackButtonStyle="cursor:pointer"
monthBackButtonHintText="One Month Before"
monthForwardButtonHeight="24"
monthForwardButtonWidth="24"
monthForwardButtonStyle="cursor:pointer"
monthForwardButtonHintText="One Month After"
yearBackButtonHeight="24"
yearBackButtonWidth="24"
yearBackButtonStyle="cursor:pointer"
yearBackButtonHintText="One Year Before"
yearForwardButtonHeight="24"
yearForwardButtonWidth="24"
yearForwardButtonStyle="cursor:pointer"
yearForwardButtonHintText="One Year After"
openerButtonHeight="24"
openerButtonWidth="24"
openerButtonStyle="cursor:pointer"
openerButtonHintText="Expand/Collapse Calendar"
todayButtonHeight="24"
todayButtonWidth="48"
todayButtonStyle="cursor:pointer"
todayButtonHintText="Set Today Date"
applyButtonHeight="24"
applyButtonWidth="48"
applyButtonStyle="cursor:pointer"
applyButtonHintText="Set Selected Date"
cancelButtonHeight="24"
cancelButtonWidth="48"
cancelButtonStyle="cursor:pointer"
cancelButtonHintText="Cancel Selected Date"
mainContainerClass="container"
holidayClass="holyday"
selectedHolidayClass="holyday-select"
dayWeekClass="week"
workdayClass="workday"
selectedWorkdayClass="workday-select"
weekNumberClass="week-number"
selectedWeekClass="week-number-select"
inputFieldClass="input"
monthInputClass="month-input"
yearInputClass="year-input"
mainContainerStyle="background-color: #A3C9BA"
/>
</h:form>
</body>
</html>
</f:subview>
