Examples

Simple side-by-side select field

../../../../_images/SelectMultiplesidebyside1.png
'columns' => [
    'select_multiplesidebyside_1' => [
        'exclude' => 1,
        'label' => 'select_multiplesidebyside_1 autoSizeMax=5, size=3 description',
        'description' => 'field description',
        'config' => [
            'type' => 'select',
            'renderType' => 'selectMultipleSideBySide',
            'items' => [
                [
                    'foo 1',
                    1,
                ],
                [
                    'foo 2',
                    2,
                ],
                [
                    'a divider',
                    '--div--',
                ],
                [
                    'foo 3',
                    3,
                ],
                [
                    'foo 4',
                    4,
                ],
                [
                    'foo 5',
                    5,
                ],
                [
                    'foo 6',
                    6,
                ],
            ],
            'size' => 3,
            'autoSizeMax' => 5,
            'multiple' => true,
        ],
    ],
]

Side-by-side view with filter

../../../../_images/SelectMultiplesidebyside5.png
'columns' => [
    'select_multiplesidebyside_5' => [
        'exclude' => 1,
        'label' => 'select_multiplesidebyside_5 multiSelectFilterItems',
        'config' => [
            'type' => 'select',
            'renderType' => 'selectMultipleSideBySide',
            'items' => [
                [
                    'foo 1',
                    1,
                ],
                [
                    'foo 2',
                    2,
                ],
                [
                    'foo 3',
                    3,
                ],
                [
                    'bar',
                    4,
                ],
            ],
            'multiSelectFilterItems' => [
                [
                    '',
                    '',
                ],
                [
                    'foo',
                    'foo',
                ],
                [
                    'bar',
                    'bar',
                ],
            ],
        ],
    ],
]

Side-by-side select with field controls

../../../../_images/SelectMultiplesidebyside6.png
'columns' => [
    'select_multiplesidebyside_6' => [
        'exclude' => 1,
        'label' => 'select_multiplesidebyside_6 fieldControl',
        'config' => [
            'type' => 'select',
            'renderType' => 'selectMultipleSideBySide',
            'foreign_table' => 'tx_styleguide_staticdata',
            'size' => 5,
            'autoSizeMax' => 20,
            'fieldControl' => [
                'editPopup' => [
                    'disabled' => false,
                    'options' => [
                        'windowOpenParameters' => 'height=300,width=500,status=0,menubar=0,scrollbars=1',
                    ],
                ],
                'addRecord' => [
                    'disabled' => false,
                ],
                'listModule' => [
                    'disabled' => false,
                ],
            ],
        ],
    ],
]

Using a MM table

../../../../_images/SelectMultiplesidebyside8.png
'columns' => [
    'select_multiplesidebyside_8' => [
        'exclude' => 1,
        'label' => 'select_multiplesidebyside_8 foreign_table mm',
        'config' => [
            'type' => 'select',
            'renderType' => 'selectMultipleSideBySide',
            'foreign_table' => 'tx_styleguide_staticdata',
            'MM' => 'tx_styleguide_elements_select_multiplesidebyside_8_mm',
            'size' => 3,
            'autoSizeMax' => 5,
        ],
    ],
]