layout.side-by-side

Позволяет расставить элементы интерфейса так, чтобы сравнивать их между собой и скрывать лишние. Например, можно сравнить несколько фото.

Под сравниваемыми элементами можно добавить кнопки выбора или поле для ввода комментария.

Посмотреть пример в песочнице.

Отличия от layout.compare:

  • Есть кнопки, позволяющие скрывать элементы. Удобно, если надо сравнить сразу 5 фотографий и тяжело сделать выбор между какими-то двумя.

  • Можно настроить только общие элементы управления. Отдельные кнопки под каждым сравниваемым элементом добавить нельзя.

Свойства компонента

НазваниеТипОписание
type*"layout.side-by-side"

Задает тип компонента.

controls*view

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

Например: field.checkbox-group или field.button-radio-group.

items*array

Массив блоков информации.

items[]view

Компонент вывода или ввода информации. Например — view.image.

minItemWidthnumber

Минимальная ширина блока информации, не менее 400 пикселей.

validationcondition

Валидация на основе условия (condition).

НазваниеТипОписание
type*"layout.side-by-side"

Задает тип компонента.

controls*view

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

Например: field.checkbox-group или field.button-radio-group.

items*array

Массив блоков информации.

items[]view

Компонент вывода или ввода информации. Например — view.image.

minItemWidthnumber

Минимальная ширина блока информации, не менее 400 пикселей.

validationcondition

Валидация на основе условия (condition).