Bar SAP SE Used as a header, sub-header and a footer of a page. <h3>Overview</h3> The <code>Bar</code> control consists of three areas to hold its content. It has the capability to center content, such as a title, while having other controls on the left and right side. <h3>Usage</h3> With the use of the <code>design</code> property, you can set the style of the <code>Bar</code> to appear as a header, sub-header and footer. <b>Note:</b> Do not place a <code>sap.m.Bar</code> inside another <code>sap.m.Bar</code> or inside any bar-like control. Doing so causes unpredictable behavior. <h3>Responsive Behavior</h3> The content in the middle area is centrally positioned if there is enough space. If the right or left content overlaps the middle content, the middle content will be centered in the space between. sap.ui.core/Control If this flag is set to true, contentMiddle will be rendered as a HBox and layoutData can be used to allocate available space. replaced by <code>contentMiddle</code> aggregation. <code>contentMiddle</code> will always occupy of the 100% width when no <code>contentLeft</code> and <code>contentRight</code> are being set. Indicates whether the Bar is partially translucent. It is only applied for touch devices. This property has no effect since release 1.18.6 and should not be used. Translucent bar may overlay an input and make it difficult to edit. Determines the design of the bar. If set to auto, it becomes dependent on the place where the bar is placed. Represents the left content area, usually containing a button or an app icon. If it is overlapped by the right content, its content will disappear and the text will show an ellipsis. Represents the middle content area. Controls such as label, segmented buttons or select can be placed here. The content is centrally positioned if there is enough space. If the right or left content overlaps the middle content, the middle content will be centered in the space between the left and the right content. Represents the right content area. Controls such as action buttons or search field can be placed here. Association to controls / ids which label this control (see WAI-ARIA attribute aria-labelledby).