Meta Attributes
Protected meta attributes of the Visual Composer available for use via the API.
#
tagThe 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"}
#
relatedToThis 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 string
s.
relatedTo
attribute settings.json file example:
"relatedTo": { "type": "group", "access": "protected", "value": [ "General", "Buttons" ]}
#
editFormTab1List of Edit Form attributes in the General section of the Edit Form.
value
property is an array
of string
s.
editFormTab1
attribute settings.json file example:
"editFormTab1": { "type": "group", "access": "protected", "value": [ "title", "alignment", "color", "metaCustomId", "customClass" ], "options": { "label": "General" }}
#
metaEditFormTabsList of sections in the Edit Form. A section can be a group like "editFormTab1"
or attribute like "designOptions"
.
value
property is an array
of string
s.
metaEditFormTabs
attribute settings.json file example:
"metaEditFormTabs": { "type": "group", "access": "protected", "value": [ "editFormTab1", "designOptions" ]}
#
containerForDefines what child elements can be inside the container element.
value
property is an array
of string
s.
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" } }}
#
initChildrenUsed 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 object
s.
initChildren
attribute settings.json file example:
"initChildren": { "access": "protected", "type": "object", "value": [ { "tag": "outlineButton", "titleColor": "#fff" }, { "tag": "basicButton", "titleColor": "#fff" } ]}
#
metaPublicJsA 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" } ] }}
#
sharedAssetsLibraryA 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. |
#
groupsUsed 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"}