Conditional Logic

{
    "type": "ConditionalBlock",
    "properties": {
        "bindingPropertyName": "type",
        "equals": "url"
    },
    "children": [
        {
            "type": "InputBox",
            "properties": {
                "labelName": "URL:",
                "allowBinding": true,
                "allowManualEntry": true,
                "spellcheck": false,
                "type": "URL",
                "liveUpdate": true,
                "bindingPropertyName": "url"
            }
        }
    ]
}

This pseudo element is used conditionally show or hide other property panel elements based on a boolean check. If the value in the "equals" property matches the value in the "bindingPropertyName" property then the children of the conditional block are show, otherwise they are hidden

Configurable properties

bindingPropertyName

string - the parent property name from defaultState with which to connect to.

mandatory

equals

The value from state to compare against the value in the bindingPropertyName property.

Note in build 1.11.x it is not possible to have a conditional logic element as a child of a series element. This functionality was added in build 1.12.x

Last updated

Was this helpful?