First of all : love the new OH3 release ! Great job guys !
I am taking really the effort to start from scratch, and moving everything to the new UI. Moving away more and more from textual files and till now successful.
Just don’t find a solution to next UI problem :
using the oh-toggle button in a widget, is working fine in the editor ( test environment ) it becomes in front of the background picture
But when showing this in the main UI it is shown behind the background picture.
Any ideas this is a bug or not, and or how to solve it ?
component: oh-cell
config:
title: ‘=(props.text_header) ? props.text_header : “Set props!”’
action: popup
actionModal: =props.page
slots:
background:
- component: f7-block
config:
class:
- card-opened-fade-out
style:
position: absolute
right: -25px
bottom: -10px
slots:
default:
- component: f7-card
config:
style:
background-image: “=‘url(’ + props.backgroundUrl.substring(0, (props.backgroundUrl.length -4)) + ((props.itemTimesOfDay === undefined || items[props.itemTimesOfDay].state === ‘NULL’) ? ‘’ : ‘_’ + items[props.itemTimesOfDay].state) + props.backgroundUrl.substr(-4) + ‘)’”
background-size: cover
background-repeat: no-repeat
background-position: 0% 0%
border-radius: 20px
height: 120px
width: 240px
- component: oh-toggle
config:
item: =(props.schakelaar)
style:
position: absolute
left: 50px
top: 5px
Running on a PI4 4GB