layout.side-by-side
Позволяет расставить элементы интерфейса так, чтобы сравнивать их между собой и скрывать лишние. Например, можно сравнить несколько фото.
Под сравниваемыми элементами можно добавить кнопки выбора или поле для ввода комментария.
Отличия от layout.compare:
- Есть кнопки, позволяющие скрывать элементы. Удобно, если надо сравнить сразу 5 фотографий и тяжело сделать выбор между какими-то двумя.
- Можно настроить только общие элементы управления. Отдельные кнопки под каждым сравниваемым элементом добавить нельзя.
Компоненты, которые используются в примере
- action.set — устанавливает значение из
payload
вdata
;
- data.output — определяет данные задания, которые вы получите после его отправки исполнителем;
- plugin.hotkeys — добавляет горячие клавиши;
- view.image — показывает картинку;
- data.input — передает входные данные задания;
- view.list — отображает данные списком;
- field.radio-group — добавляет группу переключателей-радиокнопок для выбора одного ответа;
- field.textarea — добавляет поле для ввода многострочного текста;
- condition.required — проверяет, что поле с данными заполнено.
Свойства компонента
Название |
Тип |
Описание |
|
"layout.side-by-side" |
Задает тип компонента. |
|
view |
Компоненты, которые позволят исполнителю совершить требуемые от него действия. Например: field.checkbox-group или field.button-radio-group. |
|
array |
Массив блоков информации. |
|
view |
Компонент вывода или ввода информации. Например — view.image. |
|
number |
Минимальная ширина блока информации, не менее 400 пикселей. |
|
condition |
Валидация на основе условия (condition). |
Была ли статья полезна?
Предыдущая
Следующая