Hello all,
In an Widget I have the following:
- component: f7-segmented
config:
round: false
outline: false
class:
- padding-bottom-half
style:
margin-left: 10px
margin-right: 10px
--f7-button-font-size: 14px
--f7-button-text-color: "=themeOptions.dark === 'light' ? 'black' : 'white'"
--f7-button-text-transform: none
--f7-button-border-radius: 4px
--f7-button-outline-border-width: 1px
--f7-button-font-weight: 300
--f7-button-padding-vertical: 0px
--f7-button-padding-horizontal: 0px
slots:
default:
- component: oh-repeater
config:
sourceType: range
for: size
fragment: true
slots:
default:
- component: oh-repeater
config:
fragment: true
for: period
in: =[props.effectsrange.split(",")[loop.size].split(",")[0]]
slots:
default:
- component: oh-button
config:
text: =loop.period
fill: "=((loop.size == vars.selectedEffect?.index) || loop.size == (props.rangeDefault || 0) && !vars.selectedEffect) ? true : false"
round: true
outline: true
style:
--f7-button-border-color: var(--f7-card-outline-border-color)
action: variable
actionVariable: selectedEffect
actionVariableValue: "= {'period': props.effectsrange.split(',')[loop.size].split(',')[0], 'count': props.effectsrange.split(',')[loop.size].split(',')[0], index: loop.size }"
I want to set the state of an item the same as variable value.
How can i do this?