TabContainer SAP SE A container control for managing multiple tabs, allowing the user to open and edit different items simultaneously. <h3>Overview</h3> The control contains a <code>TabStrip</code> area where the user can choose which tab to view/edit. When the open tabs are more than what can be displayed on the screen, there is an overflow mechanism. To access the tabs hidden in the overflow area, the user has to either use the overflow button (left or right arrow) to scroll them horizontally or the overflow overview button (down arrow) and view all open items as a list. Each tab has a title and a <i>Close Tab</i> button. The title is truncated, if it's longer than 25 characters. On desktop, the <i>Close Tab</i> button is displayed on the currently active tab and for the other tabs it appears on mouse hover. On mobile devices, the <i>Close Tab</i> buttons are always visible. To show that the open items have unsaved changes, the corresponding tabs can display an asterisk (*) after the title as a visual indication that the item is not saved. This is managed by the app developer using {@link sap.m.TabContainerItem TabContainerItem}'s <code>modified</code> property. <h3>Usage</h3> The <code>TabContainer</code> can have an <i>Add New Tab</i> button, which appears as a '+' icon on the top-right area of the control. When the user clicks or taps this button, the <code>addNewButtonPress</code> event is fired. <h3>Responsive behavior</h3> The <code>TabContainer</code> is a full-page container that takes 100% of its parent width and height. As the control is expected to occupy the whole parent, it should be the only child of its parent. When using the <code>sap.m.TabContainer</code> in SAP Quartz theme, the breakpoints and layout paddings could be determined by the container's width. To enable this concept and add responsive padding to the the <code>TabContainer</code> control, you may add the following class: <code>sapUiResponsivePadding--header</code>. 1.34 sap.ui.core/Control Defines whether an <i>Add New Tab</i> button is displayed in the <code>TabStrip</code>. Determines the background color of the content in <code>TabContainer</code>. Fired when an item is closed. The item to be closed. Fired when an item is pressed. The selected item. Fired when the <i>Add New Tab</i> button is pressed. The items displayed in the <code>TabContainer</code>. The <i>Add New Tab</i> button displayed in the <code>TabStrip</code>. Internal aggregation for managing the tab elements. Sets or retrieves the selected item from the <code>items</code> aggregation.