enhancement
major
minor
major
minor
Problem
Manche Knöpfe haben keinen grauen Hintergrund. Die Icons der Buttons erhalten im aktiven Status einen Unterstrich. Die Farbe des Pfeils des Dropdowns ist zu hell und dadurch kaum erkennbar.
Lösung
Die Hintergrundfarben wurden korrekt gesetzt. In diesem Ticket wurde ebenfalls das SelectionTextControl angepasst, um besser in das neue Theme zu passen.
Test
Anwendung starten, die Knöpfe und das SelectionTextControl untersuchen.
Migration
Die CSS-Klassen der Controls, der Kommandoknöpfe und des PageRenderer wurden auf die BEM-Schreibweise (block__element--modifier) mit tl--Präfix umgestellt. Anwendungen mit eigenen Stylesheets, eigenen Themes, eigenen JSPs oder eigenen Control-Renderern, die auf die alten Namen verweisen, verlieren ihr Styling ohne Fehlermeldung und müssen angepasst werden.
Kommandoknöpfe
| alt | neu |
| cmdButton | tl-cmd-button |
| cmdButtonDisabled | tl-cmd-button--disabled |
| cmdImg | tl-cmd-button__img |
| cmdLabel | tl-cmd-button__label |
| button_minus | tl-button-minus |
PageRenderer
| alt | neu |
| fptPage | tl-form-page |
| fptHeader | tl-form-page__header |
| fptTitle | tl-form-page__title |
| fptTitleContent | tl-form-page__title-content |
| fptTitleText | tl-form-page__title-text |
| fptSubtitle | tl-form-page__subtitle |
| fptSubtitleContent | tl-form-page__subtitle-content |
| fptIconBar | tl-form-page__icon-bar |
| fptBody | tl-form-page__body |
| fptBodyContent | tl-form-page__body-content |
Controls
| alt | neu |
| cTextInput | tl-text-input |
| cExpandableTextInput | tl-expandable-text-input |
| cBlockTextInput | tl-block-text-input |
| cIntegerInput | tl-integer-input |
| cDateInput | tl-date-input |
| cTimeInput | tl-time-input |
| cDatetime | tl-datetime |
| timePart | tl-datetime__time-part |
| cPopupSelect | tl-popup-select |
| cDropdownSelect | tl-dropdown-select |
| cTextSelect | tl-text-select |
| cTextPopup | tl-text-popup |
| cTextPopupView | tl-text-popup-view |
| cBooleanChoice | tl-boolean-choice |
| cCheckList | tl-checklist |
| cCheckList-counts | tl-checklist__counts |
| cDataItem | tl-data-item |
| cDownload | tl-download |
| downloadControl | tl-download--download-mode |
| cIconChooser | tl-icon-chooser |
| cIconSelect | tl-icon-select |
| searchTextField | tl-icon-chooser__search |
| displayedIcons | tl-icon-chooser__icon |
| cDecoratedCell | tl-decorated-cell |
Nicht umbenannt und daher unverändert zu verwenden sind unter anderem die Layout-Klassen (lFlexible, lFixedLeft, lFixedRight), cDecoratedCell2, button_plus, cTextPopupEditor sowie die Zustandsklassen wie selected, disabled und mandatory.
Neue Klassen
| Klasse | Bedeutung |
| tl-expandable-button | Container der Knöpfe eines ExpandableTextInputControl bzw. BlockTextInputControl; ersetzt dort das vorher verwendete lFixedRight |
| tl-text-select__option-text | Text einer Option im SelectTextControl |
| tl-text-select__option-clear | Lösch-Knopf einer Option im SelectTextControl |
Template-Anpassung
Die Templates TEXT_INPUT_WITH_BUTTONS_EDIT_TEMPLATE und TEXT_INPUT_WITH_BUTTONS_EDIT_MULTI_TEMPLATE schreiben die CSS-Klasse des Knopf-Containers nicht mehr fest als lFixedRight, sondern über die neue Template-Variable {inputButtonCssClass}. Anwendungen, die eines dieser Templates überschreiben, müssen die Variable übernehmen; TextInputControl liefert weiterhin lFixedRight, ExpandableTextInputControl liefert tl-expandable-button.