thumb

Группа или превью для изображения

Элемент может вмещать в себя практически все остальные элементы, прикрытые "заглушкой", превью. Данные дочерних элементов показываются в сплывающем окне.

Группа при наведении подсвечивается зелёным.

Параметры (дополнение к общим)

multi

Строка. Ключ по которому будет происходить поиск элементов и при выборе нескольких файлов, указанные элементы будут клонироваться с заполнением выбранного значения.

image

Строка. Ключ элемента конфигурации в котором хранится значение для установки картинки для данного элемента.

actions

Массив или Булево. По умолчанию ['add', 'move', 'del', 'edit', 'hide'].

edit- Разрешает редактирование.

hide - Переключает видимость элемента и добавляет в конечный массив ключ "mf.hide" со значением 1

items

Массив с дочерними элементами.

Пример

<?php

return [
    'settings' => [],
    'templates' => [
        'thumb' => [
            'type' => 'thumb',
            'title' => 'Thumb',
            'label' => 'Thumb'
        ],

        'thumbGroup' => [
            'type' => 'thumb',
            'title' => 'Thumb Group',
            'label' => 'Thumb Group',
            'items.class' => 'd-block',
            'items' => [
                'thumbGroup_thumb' => [
                    'type' => 'thumb',
                    'image' => 'thumbGroup_image',
                    'actions' => ['edit'],
                    'class' => 'col-2 float-left'
                ],
                'thumbGroup_image' => [
                    'type' => 'image',
                    'thumb' => ['thumbGroup', 'thumbGroup_thumb'],
                    'placeholder' => 'Image',
                    'class' => 'col-10 float-right'
                ],
                'thumbGroup_text' => [
                    'type' => 'richtext',
                    'placeholder' => 'Text',
                    'class' => 'col-10 float-right'
                ],
                'thumbGroup_link' => [
                    'type' => 'text',
                    'placeholder' => 'Link',
                    'class' => 'col-8 float-right'
                ],
                'thumbGroup_link_text' => [
                    'type' => 'text',
                    'placeholder' => 'Link text',
                    'class' => 'col-2 float-right'
                ]
            ]
        ],

        'thumbImage' => [
            'type' => 'thumb:image',
            'title' => 'Thumb Image',
            'label' => 'Thumb Image',
            'multi' => 'thumbImage'
        ],

        'thumbFile' => [
            'type' => 'thumb:file',
            'title' => 'Thumb File',
            'label' => 'Thumb File'
        ]
    ]
];