Condition

Conditions can be set to HTML areas using the <div/> tag and the control Condition within a block.

Info

For detailed information visit Conditions

<div id="tab-block#1">
    <div id="condition1" 
        data-hf-control="Condition"
        data-hf-condition='{
            "cond": [{
                "type": "field", 
                "id": "testradio1", 
                "val": "yes" 
            }]
        }'>
        
        <input id="text1" 
            type="text" 
            data-hf-control="TextField">
    </div>

    <div id="condition2" 
        data-hf-control="Condition"
        data-hf-condition='{
            "cond": [{ 
                "type": "field", 
                "id": "testradio1", 
                "val": "no" 
            }]
        }'>
        
        <input id="text1" 
            type="text" 
            data-hf-control="TextField">
    </div>

    <div id="condition3" 
        data-hf-control="Condition"
        data-hf-condition='{
            "op": "and", 
            "cond": [{ 
                "type": "field", 
                "id": "checkbox1", 
                "val": "no" 
            }, { 
                "type": "field", 
                "id": "checkbox2", 
                "val": "no" 
            }], 
            "else": "disabled"
        }'>
        
        <input id="text1" 
            type="text" 
            data-hf-control="TextField">
    </div>
</div>