Sidebar 2024.7

Hello. I want to have a sidebar. How can it be added in this new visual mode. Before with yaml I could do it but now I don’t know how to do it. Does anyone know how?

Hello,

Here the answer:
Documentation.
Setup a View.
Setup a card as:


type: sidebar
cards:
  - type: entities
    entities:
      - media_player.lounge_room
    view_layout:
      position: sidebar

Important the view_layout: main or sidebar.

Is this you were looking for?

Hello. Thanks for answering. I am trying to build a dashboard without using yaml. Everything is from the view. I go into the code editor and find this code. I don’t know where to locate the code you shared with me.

views:
  - title: Home
    cards: []
    type: sections
    max_columns: 3
    icon: mdi:fish
    theme: tablet
    sections:
      - type: grid
        cards:
          - type: thermostat
            entity: climate.acuario_plantado
            show_current_as_primary: true
            layout_options:
              grid_columns: 4
              grid_rows: 4
        title: Temperatura Acuario
      - type: grid
        cards:
          - type: thermostat
            entity: climate.aire_comedor
            show_current_as_primary: true
            layout_options:
              grid_columns: 4
              grid_rows: 4
        title: Temperatura Sump

I want to do this that I had everything set up by code

Hi Pablo, from the link that Ettore provided:

This happens when I put this code in one of the columns (sections)

I added the code as another section

views:
  - type: sections
    max_columns: 4
    icon: mdi:home-automation
    path: principal
    theme: tablet
    sections:
      - type: sidebar
        cards:
          - type: entities
            entities:
              - media_player.lounge_room
            view_layout:
              position: sidebar
      - type: grid
        cards:
          - show_current: true
            show_forecast: true
            type: weather-forecast
            entity: weather.home
            forecast_type: daily
            theme: tablet
          - type: thermostat
            entity: climate.aire_comedor
            theme: tablet
            features:
              - type: climate-hvac-modes
            show_current_as_primary: true

Pablo, this has to go in your configuration.yaml, see the documentation - which is also showing from my screenshot

My current dashboard is that of Mattias from the community. The sidebar is configured as a template. It may be that my configuration.yaml is configured as yaml mode

image

Do I have to stop using all that configuration and start over? Sorry but I always based myself on that template and now that I want to do it visually I’m confused

Pablo, I think I got it wrong: the documentation is talking about configuration.yaml but I cannot find any info on what this has to do with it.
Have a look at this similar topic: Recreate energy dashboard - yaml source

If I do it like this it works. But not with sections.

views:
  - title: Home
    type: sidebar
    badges: []
    cards:
      - type: energy-date-selection
        view_layout:
          position: main
      - type: sections
        view_layout:
          position: sidebar
        max_columns: 3
        icon: mdi:home-automation
        path: principal
        theme: tablet
        sections:
          - type: grid
            cards:
              - show_current: true
                show_forecast: true
                type: weather-forecast

error:

I was able to with this integration. Thank you very much for the help