13 KiB
13 KiB
| title | component | label | description | source | prev |
|---|---|---|---|---|---|
| oh-clock-card - Digital Clock Card | oh-clock-card | Digital Clock Card | Display a digital clock in a card | https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.ui/doc/components/oh-clock-card.md | /docs/ui/components/ |
oh-clock-card - Digital Clock Card
Display a digital clock in a card
Configuration
Card
Parameters of the card
Title of the card
Footer of the card
Do not render the card border
Do not render a shadow effect to the card
Show the card outline
Clock
Time format, see dayjs docs
Background style (in CSS "background" attribute format)
Time font size (e.g. "34px")
Time font weight (e.g. "normal" or "bold")
Show the current date in addition to the time
Date format, see dayjs docs
Where to show the date
Date font size (e.g. "34px")
Date font weight (e.g. "normal" or "bold")
Action
Action to perform when the clock is clicked
Type of action to perform
URL to navigate to
Open the URL in the same tab/window instead of a new one. This will exit the app.
Item to perform the action on
Command to send to the Item. If "Toogle Item" is selected as the action, only send the command when the state is different
Command to send to the Item when "Toggle Item" is selected as the action, and the Item's state is equal to the command above
Comma-separated list of options; if omitted, retrieve the command options from the Item dynamically. Use
Edit in YAML, e.g.
Objects are in the photos array format with an additional
Edit in YAML or provide a JSON object, e.g.
See photo browser parameters (not all are supported). Group Item whose members to show in a popup Start analyzing with the specified (set of) Item(s) The initial analyzing period - dynamic or a predefined fixed period: day, week, month or year The initial coordinate system of the analyzer - time, aggregate or calendar (only time is supported for dynamic periods) Shows a toast popup when the action has been executed. Can either be a text to show or a JSON object including some of the supported parameters The variable name to set The value to set the variable to Consider the variable value is an object and set the corresponding deep property within that object using a key syntax. Examples:
value=label format to provide a label different than the option.
Scene, Script or Rule to run
Object representing the optional context to pass. Edit in YAML or provide a JSON object, e.g. { "param1": "value1", "param2": { "subkey1": "testing", "subkey2": 123 } }.
Page to navigate to
Use a specific page transition animation
Page or widget to display in the modal
Configuration (prop values) for the target modal page or widget
Array of URLs or objects representing the images. Auto-refresh is not supported.Edit in YAML, e.g.
- item: ImageItem1
caption: Camera
[ "url1", { "item": "ImageItem1", "caption": "Camera" } ]Objects are in the photos array format with an additional
item property to specify an item to view.
Configuration for the photo browser.Edit in YAML or provide a JSON object, e.g.
{ "exposition": false, "type": "popup", "theme": "dark" }See photo browser parameters (not all are supported). Group Item whose members to show in a popup Start analyzing with the specified (set of) Item(s) The initial analyzing period - dynamic or a predefined fixed period: day, week, month or year The initial coordinate system of the analyzer - time, aggregate or calendar (only time is supported for dynamic periods) Shows a toast popup when the action has been executed. Can either be a text to show or a JSON object including some of the supported parameters The variable name to set The value to set the variable to Consider the variable value is an object and set the corresponding deep property within that object using a key syntax. Examples:
user.name, user[0].address[1].street, [0], [0].label. The inner property and its parent hierarchy will be created if missing.