Examples

Simple side-by-side select field

../../../../_images/SelectMultiplesidebyside1.png
EXT:styleguide/Configuration/TCA/tx_styleguide_elements_select.php
[
    'columns' => [
        'select_multiplesidebyside_1' => [
            'label' => 'select_multiplesidebyside_1 autoSizeMax=10, 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' => 10,
                'multiple' => true,
            ],
        ],
    ],
]

Side-by-side view with filter

../../../../_images/SelectMultiplesidebyside5.png
EXT:styleguide/Configuration/TCA/tx_styleguide_elements_select.php
[
    'columns' => [
        'select_multiplesidebyside_5' => [
            '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
EXT:styleguide/Configuration/TCA/tx_styleguide_elements_select.php
[
    'columns' => [
        'select_multiplesidebyside_6' => [
            '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
EXT:styleguide/Configuration/TCA/tx_styleguide_elements_select.php
[
    'columns' => [
        'select_multiplesidebyside_8' => [
            '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' => 10,
            ],
        ],
    ],
]