Timeline - Limit Range

The visible range of the timeline is limited in this demo.

  • Minimum visible date is limited to 2015-01-01 using attribute min
  • Maximum visible date is limited to 2015-12-31 using attribute max
  • Visible interval is limited to a minimum of 24 hours using attribute zoomMin
  • Visible interval is limited to a maximum of about 3 months using attribute zoomMax

Documentation
<p:timeline value="#{limitTimelineRangeView.model}"
            min="#{limitTimelineRangeView.min}"
            max="#{limitTimelineRangeView.max}"
            zoomMin="#{limitTimelineRangeView.zoomMin}"
            zoomMax="#{limitTimelineRangeView.zoomMax}"
            height="180px" />

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.