Hey there,
i built this widget:
uid: list_items
tags: []
props:
parameters:
- description: TAGS als Basis für die Liste
label: Tags zur automatischen Darstellung - Komma getrennt ohne Leerzeichen
name: tag
required: false
type: TEXT
- description: icon z.b. oh:fenster
name: iconimage
required: false
type: TEXT
- description: Titel
name: titel
required: false
type: TEXT
- description: bgcolor
name: bgcolor
required: false
type: TEXT
parameterGroups: []
timestamp: Apr 7, 2022, 12:13:03 PM
component: f7-card
config:
style:
background-color: "=props.bgcolor ? props.bgcolor : ''"
border-radius: var(--f7-card-expandable-border-radius)
box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.1)
height: 120px
margin-left: 5px
margin-right: 5px
noShadow: false
padding: 0px
# title: =props.titel
slots:
content:
- component: f7-block
config:
style:
display: flex
flex-direction: row
left: 16px
position: absolute
top: -5px
slots:
default:
- component: f7-icon
config:
f7: square_fill
size: 18
style:
margin-right: 10px
- component: Label
config:
style:
font-size: 12px
margin-top: 0px
text: "=props.titel ? props.titel : ''"
default:
- component: oh-list
slots:
default:
- component: oh-repeater
config:
for: item
sourceType: itemsWithTags
itemTags: =props.tag
fragment: true
slots:
default:
- component: oh-list-item
config:
# icon: f7:multiply_square
# iconColor: '=(items[loop.item.name].state == "CLOSED") ? "red" : "red"'
color: '=(items[loop.item.name].state == "CLOSED") ? "red" : "red"'
title: =loop.item.label
item: =loop.item.name
badge: '=(items[props.sensor_item].state == "OPEN") ? "open" : "closed"'
badge-color: '=(items[props.sensor_item].state == "OPEN") ? "open" : "closed"'
This leads to:
What do i have to do to remove the “line” between the two list-items?
I hope you experts could help me.
Cheers, Nic!