Skip to main content

Meta Attributes

Protected meta attributes of the Visual Composer available for use via the API.

tag#

The tag is a unique property which is used to identify and find element components and settings.

value property is a string type.

tag attribute settings.json file example:

"tag": {  "access": "protected",  "type": "string",  "value": "basicButton"}

relatedTo#

This attribute defines the relation to groups. uIt is sed for Drag'n'Drop functionality and Add Element panel. The default value is "General".

value property is an array of strings.

relatedTo attribute settings.json file example:

"relatedTo": {  "type": "group",  "access": "protected",  "value": [    "General",    "Buttons"  ]}

editFormTab1#

List of Edit Form attributes in the General section of the Edit Form.

value property is an array of strings.

editFormTab1 attribute settings.json file example:

"editFormTab1": {  "type": "group",  "access": "protected",  "value": [    "title",    "alignment",    "color",    "metaCustomId",    "customClass"  ],  "options": {    "label": "General"  }}

metaEditFormTabs#

List of sections in the Edit Form. A section can be a group like "editFormTab1" or attribute like "designOptions".

value property is an array of strings.

metaEditFormTabs attribute settings.json file example:

"metaEditFormTabs": {  "type": "group",  "access": "protected",  "value": [    "editFormTab1",    "designOptions"  ]}

containerFor#

Defines what child elements can be inside the container element.

value property is an array of strings.

containerFor attribute settings.json file example:

"containerFor": {  "type": "group",  "access": "protected",  "value": [    "Buttons"  ]}

or

"containerFor": {  "type": "group",  "access": "protected",  "value": [    "Tab"  ],  "options": {    "elementDependencies": {      "tag": "tab"    }  }}

initChildren#

Used to initiate child elements. Each child object must hold a tag attribute and optional attribute names with values for initialization.

value property is an array of objects.

initChildren attribute settings.json file example:

"initChildren": {  "access": "protected",  "type": "object",  "value": [    {      "tag": "outlineButton",      "titleColor": "#fff"    },    {      "tag": "basicButton",      "titleColor": "#fff"    }  ]}

metaPublicJs#

A list of custom JavaScript libraries which will be used by and related to a particular element. Libraries may be included on conditions, a rule property must be set in order to enqueue a library. libPaths property may contain a string or an array type value.

value property is an object type.

metaPublicJs attribute settings.json file example:

"metaPublicJs": {  "access": "protected",  "type": "string",  "value": {    "libraries": [      {        "libPaths": [          "public/dist/customSlider.min.js",          "public/dist/customGallery.min.js"        ]      },      {        "rules": {          "toggleResponsiveMode": {            "rule": "toggle"          }        },        "libPaths": "public/dist/responsive.min.js"      }    ]  }}

sharedAssetsLibrary#

A list of JavaScript libraries that are provided by the plugin which can be included by elements. Libraries may be included on conditions, a rule must be set in order to include a library. Learn how to include assets via the manifest.json file.

value property is an object type.

sharedAssetsLibrary attribute settings.json file example:

"sharedAssetsLibrary": {  "access": "protected",  "type": "string",  "value": {    "libraries": [      {        "libsNames": [          "slickSlider"        ]      },      {        "rules": {          "clickableOptions": {            "rule": "value",            "options": {              "value": "lightbox"            }          }        },        "libsNames": [          "lightbox"        ]      },    ]  }}

Available shared library list:

Library nameDescription
waypointsUses waypoints library. Included in the Design Options attribute
animateUses animate.css library. Included in the Design Options attribute
iconpickerUses a set of multiple various icon sets. Typicons, Material, Font Awesome, Entypo, etc.
imageFilterUses CSSgram library.
lightboxUses lightbox library.
photoswipeUses photoswipe library.
slickSliderUses slick slider library.
zoomUses jQuery zoom library.

groups#

Used to assign an element to a group of elements. Can be used for replacing elements. Possible values: Content, Containers, Buttons, Separators.

value property is a string type.

groups attribute settings.json file example:

"groups": {  "type": "string",  "access": "protected",  "value": "Buttons"}