Example not working

[jtcookhome]

I setup a new dashboard, copy pasted teh multi_floor.yaml code and I get this error. I tried the simple and get the same error. Its eems to be missing the views somehow

Your configuration is not valid: r: At path: views -- Expected an array value, but received: undefined

[OzGav]

I think there is something wrong with your yaml. If you can paste in your yaml making sure it is formatted exactly the same as in your editor (use the <> button)

[jtcookhome]

I copied / pasted direct from the example. The ERROR being there is no "views"?

`
sidebar_title: Multi Floor
config:
show_side_bar: false
show_app_header: false
config:
image: /local/floorplan/examples/multi_floor/multi_floor.svg
stylesheet: /local/floorplan/examples/multi_floor/multi_floor.css
log_level: info
console_log_level: info

defaults:
  hover_action: hover-info
  tap_action: more-info

startup_action:
  - service: floorplan.class_set
    service_data:
      element: ground_floor
      class: layer-visible
  - service: floorplan.class_set
    service_data:
      elements:
        - first_floor
      class: layer-hidden
  - service: floorplan.class_set
    service_data:
      element: ground_floor.button
      class: button-on
  - service: floorplan.class_set
    service_data:
      elements:
        - first_floor.button
      class: button-off

rules:
  - element: ground_floor.button
    tap_action:
      - service: floorplan.class_set
        service_data:
          element: ground_floor
          class: layer-visible
      - service: floorplan.class_set
        service_data:
          elements:
            - first_floor
          class: layer-hidden
      - service: floorplan.class_set
        service_data:
          element: ground_floor.button
          class: button-on
      - service: floorplan.class_set
        service_data:
          elements:
            - first_floor.button
          class: button-off

  - element: first_floor.button
    tap_action:
      - service: floorplan.class_set
        service_data:
          element: first_floor
          class: layer-visible
      - service: floorplan.class_set
        service_data:
          elements:
            - ground_floor
          class: layer-hidden
      - service: floorplan.class_set
        service_data:
          element: first_floor.button
          class: button-on
      - service: floorplan.class_set
        service_data:
          elements:
            - ground_floor.button
          class: button-off

  - entities:
      - binary_sensor.garage
      - binary_sensor.activity
    state_action:
      service: floorplan.class_set
      service_data: '${ entity.state === "on" ? "binary-sensor-on" : "binary-sensor-off"}'

`

[jtcookhome]

is there a different version that the yaml is formatted different? all of the example yaml files do not have the "views"

I installed ha-floorplan through HACS

[exetico]

Hi, I'm glad that you figured it out. Have you checked this video?
https://youtu.be/7AU5i-WUUxw

In general, there's multiple ways to work with YAML. Why do you need a different version of the examples? It sounds like you can put the missing parts together.

Let me know if there's something we should consider, to improve the first setup.

[OzGav]

The yaml should start something like.

panel: true
cards:    
  - type: 'custom:floorplan-card'    
    full_height: true        
    config:
      log_level: debug
      stylesheet:
        location: /local/floorplan/floorplan-remote.css
        cache: true
        image:

[jtcookhome]

@exetico
I haven't figured it out. I tried different examples because they do not work. They appear to be missing some starting lines of code.

If the examples are to help someone get started, they should be complete to copy/paste.

[OzGav]

You need to read all the docs. @exetico did an excellent write up here https://community.home-assistant.io/t/floorplan-now-available-as-a-lovelace-card/115489/323?u=ozgav

The examples are there to show you what is possible with the key parts of the yaml shown.

[exetico]

@jtcookhome You must have missed something. A Home Assistant YAML config needs a view to work, and even more than that. That's shown a few times in the videos I've created, so I'd suggest you to give them a re-watch.

Below is a long post with random examples and inputs. I hope that helps? 👌 You'd need to understand that Home Assistant has a few ways to edit YAML code nowadays. So it will be a bit tricky for new users to understand the structure. I fully understand that, and that's why I've created the videos.

Here's a random example from my playground:

Take a look at the structure. Here's the "title", the "views" and the "cards".

I bet there's a few odd things or similar, as this is a testing case. But that's a full example of a YAML code, which are edited in the "Raw configuration editor":

A YAML Lovelave config edited in the Raw Configuration Editor can contains multiple things.

---

Here's another random Raw Configuration Editor with a view, and come cards. That's basic Lovelace rules to set up it like that.

I understand, as a totally new "YAML editor", that it can be a bit hard to get your head around everything, but I'd suggest you to watch a few videos with the first initial steps of how to format and configure Lovelace in Home Assistant.

If you're using the graphical "Edit Dashboard" option in Home Assistant, you're able to play around with other cards (ha-floorplan does NOT support that by default), but that will help you understand the setup.

I hope this helps a bit. Below is another example, if you've edited the Lovelave layout in the GUI editor.

First example with a random view:

Secound example with ha-floorplan:

And format the code like this:

After you've added ha-floorplan the first time, you can also use the Edit button in the bottom of the GUI, to edit the ha-floorplan code itself:

Here you'll find the structure matching our example, as we expect our users to have at least a bit of understanding of the generel structure. It's also cool if our users needs help - that's why the videos can help you through the initial steps, in a fresh home-assistant setup.

I'l also like to point out that this is *very clear' in my video, so maybe you've misunderstood something in the video, somehow? :)

Please take a look at this:
https://youtu.be/5ue9J4WG2a8?t=690

If you use the GUI for everything except ha-floorplan, you can also add the view, press the "Add card" and select "Manuel"

Here the example will work, too:

I've just used some random code from another case.

Happy floorplanning 🎉 !

[jtcookhome]

@exetico, I orginally had the simple floorplan working then saw the other examples and wanted to try the multifloor as that fits my application.

thank you for the response, I will watch the video you shared.

[exetico]

You're welcome 😄!

If so, you shoud now have plenty of details on how to continue with the screenshots provided.

[mtojay]

holy moly. @exetico i dont really have anything to add to this thread, but i just wanted to let you know that this is some a grade support. that is amazing.