Toloka documentation

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.

View example in the sandbox.

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.