Skip to content

Advanced Properties#


When a customer is editing the property values of a component from within Page Builder in Miva, there is a default tab which contains all the core properties for that component and then there is an Advanced Tab. The goal of the advanced tab is to be able to hide less commonly used properties or more advanced properties to keep the most important content front and center.

Advanced Properties will be defined under the advanced_properties object. To set the default values for Advanced properties there is an advanced object inside the defaults object.

Example#

{
    "code": "COMPONENT_CODE",
    "name": "COMPONENT_NAME",
    "version": "1.0.0",
    "managed": false,
    "type": "component",
    "category": "COMPONENT_CATEGORY",
    "resourcegroup_code": "COMPONENT_RESOURCEGROUP",
    "properties": [],
    "advanced_properties": [
        {
            "code": "advanced_select",
            "prompt": "Advanced Select",
            "type": "select",
            "options": [
                {
                    "text": "Option 1",
                    "value": "option_1"
                },
                {
                    "text": "Option 2",
                    "value": "option_2"
                },
                {
                    "text": "Option 3",
                    "value": "option_3"
                }
            ]
        }
    ],
    "defaults": {
        "advanced": {
            "select1": {
                "value": "option_2"
            }
        }
    }
}