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