What I am trying to achieve is adding a category label above the group labels in the Y axis portion. Below is what I tried (not sure if group has an index on it, I didn't get that far since my facet was ignored). Are there any other tricks I could use to get the label in that area without using some really ugly css to absolutely position it?
Code: Select all
<p:timeline id="cm-patientregistry-facesheet-timeline"
value="#{someBean.timeline}"
editable="false"
eventMargin="20"
eventMarginAxis="0"
showNavigation="false"
showButtonNew="false"
showMinorLabels="true"
showCurrentTime="false"
zoomMax="#{someBean.zoomMax}"
zoomMin="#{someBean.zoomMin}"
eventStyle="dot"
min="#{someBean.min}"
max="#{someBean.max}"
axisOnTop="true"
stackEvents="false"
var="event"
moveable="true"
varGroup="group"
styleClass="cm-timeline"
widgetVar="timelineAlert">
<p:ajax event="rangechange" oncomplete="onRangeChange('timelineAlert')"/>
<f:facet name="">
<h:outputText value="#{event.category} rendered="#{group.index eq 0}"/>
<h:outputText value="Prepend #{group}" />
</f:facet>
<p:outputPanel id="timeline-event" styleClass="#{event.name.contains('range') ? '' : 'cm-event-icon fa fa-border'} #{event.iconClass}" />
</p:timeline>