Hi,
i’m currently starting to setup some pages in openhab 3 and run into a small issue with a Floorplan Page.
i setup a Marker for a light which should open an popup for a dimmer.
so far so good. however as soon as i click on the marker the dimmer is not fully showin in the popup.
What could cause this ?
dimmer widget:
uid: Dimmer
tags: []
props:
parameters:
- context: item
description: An item to control
label: Item
name: dimmeritem
required: false
type: TEXT
timestamp: Apr 7, 2021, 4:14:05 PM
component: f7-card
config:
noShadow: false
class:
- padding
style:
box-shadow: 0px 6px 6px hsl(0,0%,90%)
border-radius: 12px
height: 5em
slots:
default:
- component: f7-row
slots:
default:
- component: f7-col
slots:
default:
- component: Label
config:
text: '=(props.dimmeritem) ? props.dimmeritem : "Set dimmer"'
style:
color: var(--card-text-color)
font-size: 15px
line-height: 30px
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
position: absolute
top: 0.5em
- component: oh-toggle
config:
style:
position: absolute
top: 1.2em
left: calc(100% - 60px)
color: yellow
item: =props.dimmeritem
- component: f7-row
slots:
default:
- component: f7-col
slots:
default:
- component: f7-icon
config:
style:
font-size: 12px
line-height: 15px
color: grey
position: absolute
top: 3em
left: 1.2em
f7: rays
- component: f7-col
slots:
default:
- component: Label
config:
text: =items[props.dimmeritem].displayState || items[props.dimmeritem].state
style:
position: absolute
top: 3em
left: 3em
color: grey
font-size: 12px
line-height: 15px
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
- component: oh-slider
config:
item: =props.dimmeritem
max: 100
Padding: 500px
label: false
color: yellow
scale: false
noShadow: true
outline: false
min: 0
unit: "%"
style:
width: calc(100% - 2em)
position: absolute
top: 4.5em
left: 1em