diff --git a/source/_dashboards/clock.markdown b/source/_dashboards/clock.markdown index 64de1b579ec..5975c27ac71 100644 --- a/source/_dashboards/clock.markdown +++ b/source/_dashboards/clock.markdown @@ -8,7 +8,7 @@ related: title: Setup your time format and timezone --- -The Clock card shows the current time in a variety of formats and sizes. +The Clock card shows the current time in a variety of formats, sizes and time zones.

Screenshot of the clock card @@ -23,12 +23,16 @@ All options for this card can be configured via the user interface. ## Card settings {% configuration_basic %} +Title: + description: Adds a title to the top of the card Clock Size: description: Adjusts the size of the text allowing a wider range of use with different types of dashboards. Defaults to small. Display Seconds: description: Shows seconds alongside the clock, providing the time format is in a 12-hour format. Time Format: description: Allows the time format to be changed on a per-card level. Defaults to the user profile setting. +Time Zone: + description: Change the timezone used for the time on a per-card level. Defaults to the user profile setting. {% endconfiguration_basic %} ### Examples @@ -39,25 +43,21 @@ Basic example: type: clock ``` -Clock card with no configuration -

Screenshot of the basic clock card Screenshot of the basic clock card

+ +Example of a larger clock card for tablet dashboards: + ```yaml type: clock clock_size: large time_format: "12" show_seconds: true -grid_options: - columns: 12 - rows: 2 ``` -Example of a larger clock card for tablet dashboards: -

Screenshot of a large sized, 12 hour clock card showing am/pm and seconds Screenshot of a large sized, 12 hour clock card showing am/pm and seconds @@ -75,4 +75,35 @@ show_seconds: false

Screenshot of a medium sized, 12 hour clock showing am/pm Screenshot of a medium sized, 12 hour clock showing am/pm +

+ +A medium-sized, 24 hour clock using the London timezone with a title + +```yaml +type: clock +clock_size: medium +time_zone: Europe/London +title: London 💂 + +``` + +

+Screenshot of a medium sized, 24 hour clock showing seconds based in London along with a title +Screenshot of a medium sized, 24 hour clock showing seconds based in London along with a title +

+ +A medium-sized, 12 hour clock using the New York timezone with a title + +```yaml +type: clock +clock_size: medium +time_format: "12" +time_zone: America/New_York +title: New York 🦅 + +``` + +

+Screenshot of a medium sized, 12 hour clock showing am/pm and seconds based in New York along with a title +Screenshot of a medium sized, 12 hour clock showing am/pm and seconds based in New York along with a title

\ No newline at end of file diff --git a/source/images/dashboards/clock_card_london.png b/source/images/dashboards/clock_card_london.png new file mode 100644 index 00000000000..d5cc698580a Binary files /dev/null and b/source/images/dashboards/clock_card_london.png differ diff --git a/source/images/dashboards/clock_card_new_york.png b/source/images/dashboards/clock_card_new_york.png new file mode 100644 index 00000000000..743b9ac9399 Binary files /dev/null and b/source/images/dashboards/clock_card_new_york.png differ