Data Structure

Views List

Before starting this chapter, let’s talk about views. The view is the main container for all fields, elements, and blocks in the application. Roughly speaking, it is a space where we piece together application containers, and alternately place them. Every view contains containers that in return can contain other ones or elements. Now we have a bit more understanding of what view is. So, as you already guessed, views_list contained information about all application containers.

All containers have the same structure. Their properties are described in this table :

Name Type Description
class string CSS classes that will be added to the container
container_id number container ID
content array contains others containers; details...
icon_id string which icon is displayed
name string view name; users can change it
priority number shows in which order containers are displayed
template_id string shows what type is the block

The excepts are the main views and elements. The difference will be described below.


I would like to draw your attention to the only array here. Each container has property content that in turn has its own containers.

    "content": [{
        "class": "gh_flex gh_col_height_1 gh_height_px",
        "container_id": 1289962,
        "content": [{
            "container_id": 1289963,…},…],
        "icon_id": "",
        "name": "",
        "priority": 0,
        "template_id": "gh_flex",

As you could read above, containers contain other ones and elements. Since everything is clear with the containers, let’s look at the elements. Unlike other blocks, their content array is empty. Also, they have a special property called element_id. It saves field ID.

There is one more thing we should be looking at. The view is like a cover for other containers, therefore its structure has a few differences. The first container does not have container_id and template_id. Instead of that, it has view_id.