Grid Views

Appstent supports arranging multiple content views in one for rows and columns to form a grid of items. Grid view is represented by grid value for the field type. The numColumns field can be used to control the number of columns the grid should have. For example, following example shows how to create a grid of 2 columns.

{
    "type": "grid",
    "numColumns": 2,
    "views": [
        {
            "type": "image",
            "source": "https://images.generated.photos/H5P0g36_4BNURBcXAfIOsIjFcXMKEEXbMrM2VtrT1uA/rs:fit:256:256/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy8wMDU5/MDA2LmpwZw.jpg",
            "sourceType": "remote"
        },
        {
            "type": "image",
            "source": "https://images.generated.photos/Xhyvj8QQyX7amxJD0JcnUAWvmSMvYsgSVclX17HOf8M/rs:fit:256:256/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy8wNDg5/MDkwLmpwZw.jpg",
            "sourceType": "remote"
        },
        {
            "type": "image",
            "source": "https://images.generated.photos/q8KxvpoyxKcCj-aJ3Ld_kNVcHDqng2OpQx-1PDpcbKU/rs:fit:256:256/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy8wNDg5/MTQ2LmpwZw.jpg",
            "sourceType": "remote"
        },
        {
            "type": "image",
            "source": "https://images.generated.photos/cFex-8z3yMwTnaH5C0htfYFHLxaGPCQRKflkv87xO4A/rs:fit:256:256/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy8wNTMz/MTAyLmpwZw.jpg",
            "sourceType": "remote"
        }
    ]
}

Last updated