Picture Elements card configuration issues

Hi All, here is my first post.
I am struggling for some time to get the lights going in my house. When configuring the first light all was working correct, continued wit the next light and noticed the first light is not working anymore If I reduce the width from 100% to 10% both lights are working however the picture is too small. Added icons (width set to 1% and disabled switching the lights by the picture however still no succes. Is there anyone who can assist with this problem??
Please find configuration below.

type: panel
path: begane-grond
title: Begane grond
cards:

• type: picture-elements
  image: /local/images/3D_floorplan/Alles_uit.png
  elements:
  • type: image
    tap_action:
    action: none
    state_image:
    “on”: /local/images/3D_floorplan/Dart.new.png
    “off”: /local/images/3D_floorplan/Transparant.png
    state_filter: {}
    style:
    left: 50%
    top: 50%
    width: 100%
    height: auto
    entity: light.dartbord_verlichting_394
    hold_action:
    action: none
  • type: state-icon
    style:
    left: 45%
    top: 25%
    with: 1%
    color: |
    [[[ return entity.state === ‘on’ ? ‘red’ : ‘green’; ]]]
    tap_action:
    action: toggle
    icon: mdi:spotlight
    entity: light.dartbord_verlichting_394
  • type: image
    tap_action:
    action: none
    state_image:
    “on”: /local/images/3D_floorplan/Eetkamer_aan.png
    “off”: /local/images/3D_floorplan/Transparant.png
    state_filter: {}
    style:
    left: 50%
    top: 50%
    width: 100%
    height: auto
    entity: light.keuken_hue_lampen_keuken_14
    hold_action:
    action: none
  • type: state-icon
    style:
    left: 62%
    top: 37%
    with: 1%
    color: |
    [[[ return entity.state === ‘on’ ? ‘red’ : ‘green’; ]]]
    tap_action:
    action: toggle
    icon: mdi:ceiling-light
    entity: light.keuken_hue_lampen_keuken_14

2 posts - 2 participants

Read full topic