When clicking into the background of an already expanded card I want it to be closed.
The following widget almost does what it should but additionally to closing the expanded card it runs the action which is assigned to the cell (in my example “0”).
Anybody knows what I need to do differently?
uid: my-cell
props:
parameters:
- label: comma-seperated commands
name: vCmd
required: false
type: TEXT
component: oh-label-cell
config:
label: Test
actionItem: TestItem
action: command
actionCommand: 0
slots:
default:
- component: oh-button
config:
class:
- card-close
style:
--f7-button-bg-color: transparent
--f7-button-hover-bg-color: transparent
--f7-button-pressed-bg-color: transparent
height: 100%
width: 100%
position: absolute
left: 0px
top: 0px
- component: oh-repeater
config:
sourceType: array
for: btn
in: =props.vCmds.split(",")
fragment: true
slots:
default:
- component: oh-button
config:
actionItem: TestItem
outline: false
class:
- display-flex
- flex-direction-column
style:
height: 70px
width: 230px
margin-top: 20px
--f7-button-bg-color: white
--f7-button-pressed-bg-color: gray
color: black
font-size: 20px
font-weight: 400
border-radius: var(--f7-card-expandable-border-radius)
box-shadow: var(--f7-card-expandable-box-shadow)
--f7-button-text-transform: none
text: =loop.btn.split("=")[1]
action: command
actionCommand: =loop.btn.split("=")[0]