Link Search Menu Expand Document

Blocks

Blocks in template.json would primarily have feature restrictions and predefined blocks. Each predefined block is a block of a specific type and each type has their own set of data attributes.

You may refer here for all the block types.


The example below shows an Image type block.

Note: To have a better understanding of the JSON structure below, refer here.

"blocks": {
    "preventAdd": false,
    "enabledBlocks": "*",
    "predefinedBlocks": {
        "vertical-cover-image": {
            "preventBlockSettings": {
                "SPONSOR": true,
                "MANAGER": true
            },
            "preventChangeType": {
                "SPONSOR": true,
                "MANAGER": true
            },
            "preventEdit": {
                "SPONSOR": true,
                "MANAGER": true
            },
            "preventDelete": {
                "SPONSOR": true,
                "MANAGER": true
            },
            "type": "Image",
            "title": "Cover Image",
            "data": {
                "heading": "Cover Image",
                "title": "Cover Image",
                "headingVisibility": false,
                "headingAlignment": "center",
                "autoScrollEnabled": false,
                "autoScrollTimeInterval": null,
                "images": [
                    {
                        "url": "https://venues-sdk-dev.gevme.com/assets/venue-genesis/vertical-banner-1.png"
                    }
                ],
                "isSlideshow": false,
                "spaceBetweenImages": "0px",
                "order": 1,
                "alignment": "left",
                "blockWidth": "100%",
                "blockHeight": "100%",
                "widthType": "full",
                "fitHeightToContent": false,
                "boundingBox": false,
                "contentPadding": "0px",
                "contentMargin": ["0", "0", "0", "0", "px"],
                "breakpoints": {
                    "tablet": {
                        "blockWidth": "0%",
                        "blockHeight": "0px",
                        "widthType": "custom",
                        "fitHeightToContent": false
                    },
                    "mobile": {
                        "blockWidth": "0%",
                        "blockHeight": "0px",
                        "widthType": "custom",
                        "fitHeightToContent": false
                    }
                }
            }
        }
    }
}