ObjectPageLayout SAP SE A layout that allows apps to easily display information related to a business object. <h3>Overview</h3> The <code>ObjectPageLayout</code> layout is composed of a header (title and content), an optional anchor bar and block content wrapped in sections and subsections that structure the information. <h3>Structure</h3> An <code>ObjectPageLayout</code> control is used to put together all parts of an Object page - Header, optional Anchor Bar and Sections/Subsections. <h4>Header</h4> The <code>ObjectPageLayout</code> implements the snapping header concept. This means that the upper part of the header (Header Title) always stays visible, while the lower part (Header Content) can scroll out of view. Header Title is displayed at the top of the header and always remains visible above the scrollable content of the page. It contains the title and most prominent details of the object. The Header Content scrolls along with the content of the page until it disappears (collapsed header). When scrolled back to the top it becomes visible again (expanded header). It contains all the additional information of the object. <h4>Anchor Bar</h4> The Anchor Bar is an automatically generated internal menu that shows the titles of the sections and subsections and allows the user to scroll to the respective section and subsection content. <h4>Sections, Subsections, Blocks</h4> The content of the page that appears bellow the header is composed of blocks structured into sections and subsections. <h3>Usage</h3> Use the <code>ObjectPageLayout</code> if: <ul> <li>The users need to see, edit, or create an item with all its details.</li> <li>Users need to get an overview of an object and interact with different parts of the object.</li> </ul> <h3>Responsive behavior</h3> The <code>ObjectPageLayout</code> is responsive and adapts to all screen sizes. 1.26 sap.ui.core/Control Determines whether the Navigation bar (Anchor bar) is displayed. Determines whether to show a Popover with Subsection links when clicking on Section links in the Anchor bar. Determines whether the Anchor bar items are displayed in upper case. Determines the background color of the <code>AnchorBar</code>. <b>Note:</b> The default value of <code>backgroundDesignAnchorBar</code> property is null. If the property is not set, the color of the background is <code>@sapUiObjectHeaderBackground</code>, which depends on the specific theme. Determines the height of the ObjectPage. Enable lazy loading for the Object page Subsections. Determines whether Subsection titles are displayed on top or to the left of the Subsection content. Determines the ARIA level of the <code>ObjectPageSection</code> and <code>ObjectPageSubSection</code> titles. The ARIA level is used by assisting technologies, such as screen readers, to create a hierarchical site map for faster navigation. <br><b>Note:</b> <ul> <li>Defining a <code>sectionTitleLevel</code> will add <code>aria-level</code> attribute from 1 to 6 instead of changing the titles` HTML tag from H1 to H6. <br>For example: if <code>sectionTitleLevel</code> is <code>TitleLevel.H1</code>, it will result as aria-level of 1 added to the <code>ObjectPageSection</code> title. </li> <li> The <code>ObjectPageSubSection</code> title would have <code>aria-level</code> one level lower than the defined. For example: if <code>sectionTitleLevel</code> is <code>TitleLevel.H1</code>, it will result as aria-level of 2 added to the <code>ObjectPageSubSection</code> title.</li> <li> It is possible to define a <code>titleLevel</code> on <code>ObjectPageSection</code> or <code>ObjectPageSubSection</code> level. In this case the value of this property will be ignored. </li> </ul> Determines whether the navigation mode is tab-based instead of the default anchor bar. If enabled, the sections are displayed separately on each tab rather than having all of them visible at the same time. <b>Note:</b> Keep in mind that the <code>sap.m.IconTabBar</code> control is no longer used for the tab navigation mode. Determines the visibility of the Header content (headerContent aggregation). Determines whether the to use two column layout for the L screen size. Determines whether the title, image, markers and selectTitleArrow are shown in the Header content area. <b>Note</b>: This property is only taken into account if an instance of <code>sap.uxap.ObjectPageHeader</code> is used for the <code>headerTitle</code> aggregation.</li> Determines whether sections and subsections with importance Low and Medium are hidden even on large screens. Determines whether the page is a child page and renders it with a different design. Child pages have an additional (darker/lighter) stripe on the left side of their header content area. <b>Note</b>: This property is only taken into account if an instance of <code>sap.uxap.ObjectPageHeader</code> is used for the <code>headerTitle</code> aggregation. Determines whether Header Content will always be expanded on desktop. <b>Note</b>: This property is only taken into account if an instance of <code>sap.uxap.ObjectPageHeader</code> is used for the <code>headerTitle</code> aggregation. Determines whether the Header Content area can be pinned. When set to <code>true</code>, a pin button is displayed within the Header Content area. The pin button allows the user to make the Header Content always visible at the top of the page above any scrollable content. <b>Note:</b> This property is only taken into account if an instance of <code>sap.uxap.ObjectPageDynamicHeaderTitle</code> is used for the <code>headerTitle</code> aggregation. Determines whether the user can switch between the expanded/collapsed states of the <code>sap.uxap.ObjectPageDynamicHeaderContent</code> by clicking on the <code>sap.uxap.ObjectPageDynamicHeaderTitle</code>. If set to <code>false</code>, the <code>sap.uxap.ObjectPageDynamicHeaderTitle</code> is not clickable and the application must provide other means for expanding/collapsing the <code>sap.uxap.ObjectPageDynamicHeaderContent</code>, if necessary. <b>Note:</b> This property is only taken into account if an instance of <code>sap.uxap.ObjectPageDynamicHeaderTitle</code> is used for the <code>headerTitle</code> aggregation. Preserves the current header state when scrolling. For example, if the user expands the header by clicking on the title and then scrolls down the page, the header will remain expanded. <b>Notes:</b> <ul><li>This property is only taken into account if an instance of <code>sap.uxap.ObjectPageDynamicHeaderTitle</code> is used for the <code>headerTitle</code> aggregation.</li> <li>Based on internal rules, the value of the property is not always taken into account - for example, when the control is rendered on tablet or mobile and the control`s title and header are with height larger than the given threshold.</li></ul> Determines whether an Edit button will be displayed in Header Content. <b>Note</b>: This property is only taken into account if an instance of <code>sap.uxap.ObjectPageHeader</code> is used for the <code>headerTitle</code> aggregation. Specifies whether the object page enables flexibility features, such as hiding and adding sections.<br> For more information about SAPUI5 flexibility, refer to the Developer Guide. Determines whether the footer is visible. The event is fired when the Anchor bar is switched from moving to fixed or the other way round. False indicates that the Anchor bar has just detached from the Header and became part of the scrolling area. True means that the Anchor bar has just snapped to the Header. Fired when the current section is changed by scrolling. The section which the layout is scrolled to. The subsection which the layout is scrolled to. The event is fired when the Edit Header button is pressed The event is fired when the selected section is changed using the navigation. The selected section object. The selected subsection object. The sections that make up the Object page content area. Object page header title - the upper, always static, part of the Object page header. Object page header content - the dynamic part of the Object page header. Object page floating footer. Accessible landmark settings to be applied on the containers of the <code>sap.uxap.ObjectPageLayout</code> control. If not set, no landmarks will be written. Internal aggregation to hold the reference to the AnchorBar. Internal aggregation to hold the reference to the IconTabBar. Internal aggregation to hold the reference to the IHeaderContent implementation. The section that is selected by default on load. Scrolls the Object page to the given Section. The Section ID to scroll to Scroll duration (in ms). Default value is 0 Additional pixels to scroll Returns the UI5 ID of the Section that is currently being scrolled. Returns an sap.ui.core.delegate.ScrollEnablement object used to handle scrolling