Show date/time as a countdown
Rather than display a date/time field as a conventional date and time, you may choose to display the date/time field as a countdown to show how much time is left or has passed since a particular date/time.
For instance, instead of displaying your property listing expirations as traditional dates and times as such:
You can choose to display the expirations as countdowns which count down to the date/time from the current date/time:
Â
Let's walk through how to accomplish this.Â
First, ensure that you have a date/time or date range field in your data table. In our example, the date/time field is named "Listing Expiration".
Â
Next, within the Page Builder, find the page and component which displays this field. Double click on the component to edit it.
Â
Next, edit the actual column for this date/time field by hovering over the column that holds this field and clicking the pencil icon.
Â
Within the Edit Column window, select the Format tab, and change the Output Format setting to Stop Watch. Then click Update and Save.
You have now changed the date/time field in your component from a standard date to a countdown format.Â
Â
You can add this feature to any component including tables, calendars, details, lists, etc. Simply open the component with the date/time field to edit and change the output format of the date/time field to stopwatch.
Note: When using a date range field (a date that has a start/end date), you will have the option to countdown/count up from the start date/time or end date/ time.Â