<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:rich="http://richfaces.org/rich"
xmlns:schedule="http://richfaces.org/sandbox/schedule">
<ui:composition template="/pages/template.xhtml">
<ui:define name="body">
<p>Different views can have different display options.
This can be achieved by inserting appropriate tags within schedule tag.
</p>
<h:form>
<schedule:schedule switchType="client"
value="#{myBean.lazyDataModel}" var="event"
headerCenter="title"
headerLeft="prevYear,nextYear"
headerRight="basicDay,basicWeek agendaDay,agendaWeek month today prev,next"
date="#{myBean.initialDate}"
editable="true"
dragOpacity="#{myBean.dragOpacity}"
columnFormat="#{myBean.columnFormat}"
titleFormat="#{myBean.titleFormat}"
timeFormat="#{myBean.timeFormat}"
>
<schedule:scheduleItem eventId="#{event.id}" startDate="#{event.startDate}" title="#{event.title}"
endDate="#{event.endDate}" allDay="#{event.allDay}"
styleClass="#{event.id == 1 ? 'first' : null}" data="#{event.data}"/>
<schedule:scheduleMonthView weekMode="#{myBean.weekMode}" titleFormat="MMM/yyyy" timeFormat="h:mt"
columnFormat="ddd" dragOpacity=".1"/>
<schedule:scheduleAgendaDayView titleFormat="dd/MM/yyyy" timeFormat="hh:m:s{ - hh:m:s}"
columnFormat="dd/MMM" dragOpacity=".3"/>
<schedule:scheduleBasicDayView titleFormat="d/M/yy" timeFormat="h:mm:ss" columnFormat="d/MM"
dragOpacity=".5"/>
<schedule:scheduleAgendaWeekView titleFormat="MMM d[ yyyy]{ '—'[ MMM] d[ yyyy]}"
timeFormat="HH:mm{ - HH:mm}" columnFormat="dd/MM" dragOpacity=".7"/>
<schedule:scheduleBasicWeekView titleFormat="d/M/yy{ '—'d/M/yy}" timeFormat="h(:mm)tt"
columnFormat="d/M" dragOpacity=".9"/>
</schedule:schedule>
</h:form>
<rich:insert src="/pages/sample_3.xhtml" highlight="xhtml"/>
</ui:define>
</ui:composition>
</html>