| Current Path : /home/eolienneia/www/templates/yootheme/vendor/yootheme/builder/elements/button_item/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/yootheme/builder/elements/button_item/element.json |
{
"@import": "./element.php",
"name": "button_item",
"title": "Button",
"width": 500,
"defaults": {
"button_style": "default",
"icon_align": "left"
},
"placeholder": {
"props": {
"content": "Button",
"link": "#",
"icon": ""
}
},
"templates": {
"render": "./templates/template.php",
"content": "./templates/content.php"
},
"fields": {
"content": {
"label": "Content",
"source": true
},
"link": "${builder.link}",
"link_title": "${builder.link_title}",
"icon": {
"label": "Icon",
"description": "Pick an optional icon from the icon library.",
"type": "icon",
"source": true
},
"button_style": {
"label": "Style",
"description": "Set the button style.",
"type": "select",
"options": {
"Default": "default",
"Primary": "primary",
"Secondary": "secondary",
"Danger": "danger",
"Text": "text",
"Link": "",
"Link Muted": "link-muted",
"Link Text": "link-text"
}
},
"link_target": {
"label": "Target",
"type": "select",
"options": {
"Same Window": "",
"New Window": "blank",
"Modal": "modal"
}
},
"lightbox_width": {
"attrs": {
"placeholder": "auto"
},
"enable": "link_target == 'modal'"
},
"lightbox_height": {
"attrs": {
"placeholder": "auto"
},
"enable": "link_target == 'modal'"
},
"icon_align": {
"label": "Alignment",
"description": "Choose the icon position.",
"type": "select",
"options": {
"Left": "left",
"Right": "right"
},
"enable": "icon"
},
"status": "${builder.statusItem}",
"source": "${builder.source}"
},
"fieldset": {
"default": {
"type": "tabs",
"fields": [
{
"title": "Content",
"fields": ["content", "link", "link_title", "icon"]
},
{
"title": "Settings",
"fields": [
{
"label": "Button",
"type": "group",
"divider": true,
"fields": ["button_style"]
},
{
"label": "Link",
"type": "group",
"divider": true,
"fields": [
"link_target",
{
"label": "Modal Width/Height",
"description": "Set the width and height for the modal content, i.e. image, video or iframe.",
"type": "grid",
"width": "1-2",
"fields": ["lightbox_width", "lightbox_height"]
}
]
},
{
"label": "Icon",
"type": "group",
"fields": ["icon_align"]
}
]
},
"${builder.advancedItem}"
]
}
}
}