[TASK] Visual tweak of "SelectMultipleSideBySideElement" 07/54807/3
authorGianluigi Martino <gmartino27@gmail.com>
Mon, 20 Nov 2017 12:47:43 +0000 (13:47 +0100)
committerChristian Kuhn <lolli@schwarzbu.ch>
Mon, 27 Nov 2017 22:26:53 +0000 (23:26 +0100)
The position of the buttons aside the wizard are not correct.

Releases: master, 8.7
Resolves: #83072

Change-Id: Ib60a4015b6a51997ee56381ec63fea79605b16c1
Reviewed-on: https://review.typo3.org/54807
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: TYPO3com <no-reply@typo3.com>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
typo3/sysext/backend/Classes/Form/Element/SelectMultipleSideBySideElement.php

index c4ba061..ac1f5f6 100644 (file)
@@ -295,29 +295,33 @@ class SelectMultipleSideBySideElement extends AbstractFormElement
         $html[] =                   '<label>';
         $html[] =                       htmlspecialchars($languageService->sL('LLL:EXT:lang/Resources/Private/Language/locallang_core.xlf:labels.items'));
         $html[] =                   '</label>';
-        $html[] =                   implode(LF, $filterHtml);
-        $html[] =                   '<select';
-        $html[] =                       ' data-relatedfieldname="' . htmlspecialchars($elementName) . '"';
-        $html[] =                       ' data-exclusivevalues="' . htmlspecialchars($config['exclusiveKeys']) . '"';
-        $html[] =                       ' id="' . StringUtility::getUniqueId('tceforms-multiselect-') . '"';
-        $html[] =                       ' data-formengine-input-name="' . htmlspecialchars($elementName) . '"';
-        $html[] =                       ' class="form-control t3js-formengine-select-itemstoselect"';
-        $html[] =                       ' size="' . $size . '"';
-        $html[] =                       ' onchange="' . htmlspecialchars(implode('', $parameterArray['fieldChangeFunc'])) . '"';
-        $html[] =                       ' data-formengine-validation-rules="' . htmlspecialchars($this->getValidationDataAsJsonString($config)) . '"';
-        $html[] =                       $selectableListStyle;
-        $html[] =                   '>';
-        $html[] =                       implode(LF, $selectableItemsHtml);
-        $html[] =                   '</select>';
+        $html[] =                   '<div class="form-wizards-wrap form-wizards-aside">';
+        $html[] =                       '<div class="form-wizards-element">';
+        $html[] =                           implode(LF, $filterHtml);
+        $html[] =                           '<select';
+        $html[] =                               ' data-relatedfieldname="' . htmlspecialchars($elementName) . '"';
+        $html[] =                               ' data-exclusivevalues="' . htmlspecialchars($config['exclusiveKeys']) . '"';
+        $html[] =                               ' id="' . StringUtility::getUniqueId('tceforms-multiselect-') . '"';
+        $html[] =                               ' data-formengine-input-name="' . htmlspecialchars($elementName) . '"';
+        $html[] =                               ' class="form-control t3js-formengine-select-itemstoselect"';
+        $html[] =                               ' size="' . $size . '"';
+        $html[] =                               ' onchange="' . htmlspecialchars(implode('', $parameterArray['fieldChangeFunc'])) . '"';
+        $html[] =                               ' data-formengine-validation-rules="' . htmlspecialchars($this->getValidationDataAsJsonString($config)) . '"';
+        $html[] =                               $selectableListStyle;
+        $html[] =                           '>';
+        $html[] =                               implode(LF, $selectableItemsHtml);
+        $html[] =                           '</select>';
+        $html[] =                       '</div>';
+        $html[] =                       '<div class="form-wizards-items-aside">';
+        $html[] =                           '<div class="btn-group-vertical">';
+        $html[] =                               $fieldControlHtml;
+        $html[] =                           '</div>';
+        $html[] =                       '</div>';
+        $html[] =                   '</div>';
         $html[] =               '</div>';
         $html[] =           '</div>';
         $html[] =           '<input type="hidden" name="' . htmlspecialchars($elementName) . '" value="' . htmlspecialchars(implode(',', $listOfSelectedValues)) . '" />';
         $html[] =       '</div>';
-        $html[] =       '<div class="form-wizards-items-aside">';
-        $html[] =           '<div class="btn-group-vertical">';
-        $html[] =               $fieldControlHtml;
-        $html[] =           '</div>';
-        $html[] =       '</div>';
         $html[] =       '<div class="form-wizards-items-bottom">';
         $html[] =           $fieldWizardHtml;
         $html[] =       '</div>';