Basic floorplan error

Hello,

I am creating a basic floorplan following the example of https://github.com/pkozul/ha-floorplan. But my floorplan is blank.

I have followed these steps:

  1. Copy:
www/custom_ui/floorplan/ha-floorplan.html
www/custom_ui/floorplan/floorplan.svg
www/custom_ui/floorplan/floorplan.css
www/custom_ui/floorplan/lib/jquery-3.2.1.min.js
www/custom_ui/floorplan/lib/moment.min.js
www/custom_ui/floorplan/lib/svg-pan-zoom.min.js

in

/home/carlos/.homeassistant/www/custom_ui/floorplan/ha-floorplan.html
/home/carlos/.homeassistant/www/custom_ui/floorplan/floorplan.svg
/home/carlos/.homeassistant/www/custom_ui/floorplan/floorplan.css
/home/carlos/.homeassistant/www/custom_ui/floorplan/lib/jquery-3.2.1.min.js
/home/carlos/.homeassistant/www/custom_ui/floorplan/lib/moment.min.js
/home/carlos/.homeassistant/www/custom_ui/floorplan/lib/svg-pan-zoom.min.js
  1. Copy
panels/floorplan.html

in

/home/carlos/.homeassistant/panels/floorplan.html
  1. floorplan.yaml
      name: Demo Floorplan
      image: /home/carlos/.homeassistant/floorplan.svg
      stylesheet: /home/carlos/.homeassistant/floorplan.css
  
      warnings:                  # enable warnings (to find out why things might ot be working correctly)

      last_motion_entity: sensor.template_last_motion
      last_motion_class: last-motion

      groups:

        - name: Alarm Panel
          entities:
             - alarm_control_panel.alarm
          states:
            - state: 'armed_away'
              class: 'alarm-armed'
            - state: 'armed_home'
              class: 'alarm-armed'
            - state: 'disarmed'
              class: 'alarm-disarmed'
  1. configuration.yaml
homeassistant:
  # Name of the location where Home Assistant is running
  name: Home
  # Location required to calculate the time the sun rises and sets
  latitude: 39.4667
  longitude: -0.3668
  # Impacts weather/sunrise data (altitude above sea level in meters)
  elevation: 12
  # metric for Metric, imperial for Imperial
  unit_system: metric
  # Pick yours from here: http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
  time_zone: Europe/Madrid

# Show links to resources in log and frontend
introduction:

# Enables the frontend
frontend:

# Enables configuration UI
config:

# Discover some devices automatically
discovery:

# Allows you to issue voice commands from the frontend in enabled browsers
conversation:

# Enables support for tracking state changes over time
history:

# View all events in a logbook
logbook:

# Track the sun
sun:

# Weather prediction
sensor:
  - platform: yr

# Text to speech
tts:
  - platform: google
  
panel_custom:
  - name: floorplan
    sidebar_title: Floorplan
    sidebar_icon: mdi:home
    url_path: floorplan
    config: !include floorplan.yaml
  
alarm_control_panel:
  - platform: manual
    name: alarm

Does anyone know where the error is? :S

Change your Image and stylesheet back to what it originally was in the floorplan.yaml:

      image: /local/custom_ui/floorplan/floorplan.svg
      stylesheet: /local/custom_ui/floorplan/floorplan.css

Let me know if that makes the image appear.

1 Like

It runs, thank you :slight_smile: