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 name	Description
waypoints	Uses waypoints library. Included in the Design Options attribute
animate	Uses animate.css library. Included in the Design Options attribute
iconpicker	Uses a set of multiple various icon sets. Typicons, Material, Font Awesome, Entypo, etc.
imageFilter	Uses CSSgram library.
lightbox	Uses lightbox library.
photoswipe	Uses photoswipe library.
slickSlider	Uses slick slider library.
zoom	Uses 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"}