Breadcrumbs

PeriodSelector

Used as

  • Card


Summary

This Card is used to control the period of other cards (ChartViewerEPC...). This card allows you to:

  • Select an initial period (common to all the page)

  • Select a personalized period with custom dates

  • Navigate through the period: nextMonth, prevDay, zoom-in, zoom-out etc.

image2022-3-27_21-2-0-.png  


Implementation

  • Add the card from the settings bar, and choose in the list PeriodSelector

  • Select the default period

  • Don't forget to accept the permissions if you want to allow the card to control other cards

  • See Master Slave behavior between cards to have more information on how to use it with other cards


    image2019-11-30_22-59-25.png


To select a custom date range, click the calendar icon and select a range. Be aware of time management and be sure to select the hour and minute you want 

image2022-1-20_12-54-39.png


To compare periods click on  image2022-3-27_21-2-38-.png  and add new periods to make the comparison.


Please note that the period could be used in other cards like below.

To use it with :

  • with an EnhancedBoundTable card, you can add {timeRange} to the query.

  • with a Markdown card, you can add {timeRange} to the content.


Flex Widget Properties

  • Time Range Default Selection: The timerange value to override the time range in slaves ChartViewer cards