2.0 KiB
type, title, sidebar_label, description, related
| type | title | sidebar_label | description | related | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| view | Sidebar view | Sidebar | The sidebar view has 2 columns, a wide one and a smaller one on the right. |
|
The sidebar view has 2 columns, a wide one and a smaller one on the right.
Screenshot of the sidebar view used for the energy dashboard.
To move the card from the main column into the sidebar (right) (and vice versa), select the arrow {% icon "mdi:arrow-left-bold" %} {% icon "mdi:arrow-right-bold" %} button on the card.
Screenshot showing the arrow buttons to move a card.
On mobile, all cards are rendered in 1 column and kept in the order indicated in the YAML configuration.
- To view the YAML configuration, on the view tab, select the {% icon "mdi:pencil" %} icon to open the edit view.
- In the configuration dialog, select the three dots {% icon "mdi:dots-vertical" %} menu, and Edit in YAML.
Screenshot showing where to edit the view configuration.
View configuration
{% configuration %}
type:
required: true
description: "sidebar"
type: string
{% endconfiguration %}
Cards configuration
{% configuration %}
view_layout.position:
required: false
description: "The position of the card, main or sidebar"
type: string
{% endconfiguration %}
Example
The position of the card is configured using YAML with the view_layout option:
type: sidebar
cards:
- type: entities
entities:
- media_player.lounge_room
view_layout:
position: sidebar