Dynamic Tabs/Steps
Tabs can be conditionally rendered and enabled; steps can be conditionally rendered.
Note:
Not in the actor definition panel yet.
Status
Release Available | Status | Framework Name |
---|---|---|
2.7.1 | Current | TBC |
Code JSON
{ "current": 1, "titles": [ "Foo", {"title": "Bar", "render": "$state(SampleStepControl).attr(hideBar); != true"}, {"title": "Baz", "render": "$state(SampleStepControl).attr(hideBaz); != true"}, {"title": "Qux", "render": "$state(SampleStepControl).attr(hideQux); != true"}, {"title": "Corge", "render": "$state(SampleStepControl).attr(hideCorge); != true"}, {"title": "Waldo", "render": "$state(SampleStepControl).attr(hideWaldo); != true"} ]}
{ "titles": ["Wibble", "Wobble", {"title": "Wubble", "render": "$state(SampleTabControl).attr(hideWubble); != true", "enable": "$state(SampleTabControl).attr(disableWubble); != true"}, {"title": "Flob", "render": "$state(SampleTabControl).attr(hideFlob); != true", "enable": "$state(SampleTabControl).attr(disableFlob); != true"} ]}
Two special step values can be assigned tocurrent
:next
andprevious
next
: go to the next visible step. If the current step is the last visible step, stay at the current step.previous
: go to the previous visible step. If the current step is the first visible step, stay at the current step.
Code JSON
"assignments": [ {"field": "$nav(SampleSteps).appearance(current);", "value": "previous"} ] "assignments": [ {"field": "$nav(SampleSteps).appearance(current);", "value": "next"} ]