layout.side-by-side

The component displays several data blocks of the same width on a single horizontal panel. For example, you can use this to compare several photos.

You can add selection buttons or a field for comment under the compared elements.

Components used in the example

Differences from the layout.compare component:

You can add buttons which allow hiding the elements. Use it if you need to compare, for example, 5 photos at once and need to choose between two.
You can configure only common control elements. You can't add separate buttons under each of the compared element.

Component properties

Name	Type	Description
`type`*	"layout.side-by-side"	Set component type.
`controls`*	view	Components that let Tolokers perform the required actions. For example: field.checkbox-group or field.button-radio-group.
`items`*	array	An array of data blocks.
`items[]`	view	A component for data output or input. For example, view.image.
`minItemWidth`	number	The minimum width of a data block, at least 400 pixels.
`validation`	condition	Validation based on condition.

Last updated: March 29, 2023

Introduction

Getting started

Important tips

Useful recommendations

Working with Toloka

Projects

Pools

Tasks

Results

Project analysis

Toloka settings

Task interface

Template Builder

HTML/CSS/JS editor

Help and support