c0ffeeca7 a9e01cc6e5
Views: update descriptions, add screenshots (#31661)
* Views: update descriptions, add screenshots

* Add related topics
2024-02-28 17:48:20 +01:00

1.5 KiB

type, title, sidebar_label, description
type title sidebar_label description
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 Screenshot of the sidebar view used for the energy dashboard.

This view doesn't have support for badges.

You can set if a card should be placed in the main (left) column of the sidebar column (right), by selecting the arrow right or left arrow in the bar underneath the card.

Screenshot showing how to move a card between sidebar and main view Screenshot showing how to move a card between sidebar and main view.

On mobile, all cards are rendered in 1 column and kept in the order of the cards in the config.

View config:

{% configuration %} type: required: true description: "sidebar" type: string {% endconfiguration %}

Cards config:

{% 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