Your IP : 216.73.216.185


Current Path : /home/eolienneia/www/templates/yootheme/vendor/yootheme/builder/elements/button_item/
Upload File :
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}"
            ]
        }
    }
}