Introduction to sap ui5 dynamicpage control

The control starts from SAP UI5 1.42 Version is available .DynamicPage Is a layout control , By title 、 Titles with dynamic behavior 、 Content area and optional floating footer .

The control consists of several components ：

• DynamicPageTitle - By the title on the left 、 The content in the middle and the operation on the right . The content displayed will be based on DynamicPageHeader Change according to the current mode of .

• DynamicPageHeader - A universal container , Can contain a single layout control and don't care about content alignment and responsiveness . Headers work in two modes - Expansion mode (expanded) And stow mode (snapped), And it can adjust its behavior with the help of different attributes .

• Content area - A universal container , Can have a single UI5 Layout control , Don't worry about content alignment and responsiveness .

• The footer - At the bottom , There is a small offset , For additional operations , The footer floats above the content . It could be anything sap.m.IBar Control .

• If the requirement is to display an always visible title and a configurable extension / Align the title of the function , Please use DynamicPage. Contrary , No need to extend / Alignment function , Best use sap.m.Page As a lighter control .

• If it shows sap.m.FlexBox With non adaptive content （ Does not stretch to fill the available space ）, It is suggested that FlexBox Of fitContainer Property is set to false.

• If you are displaying sap.ui.table.Table, Remember that it is non adaptive , And may lead to DynamicPage On smaller screen sizes （ For example, mobile devices ） Unpredictable behavior on . You should use sap.m Under the namespace Table Control .

• It is not supported to DynamicPageTitle Retract (snap)： When DynamicPage When there is a scroll bar , Controls usually scroll to snap point The location of . however , When there is a scroll bar but not enough content arrives snap point when , Cannot use scroll for stow operation .

• stay DynamicPage Used in the content of sap.ui.layout.form.Form、sap.m.Panel、sap.m.Table and sap.m.List When the control , If you want to achieve vertical text content alignment , Need to adjust their left text offset sap.f.DynamicPageHeader Content and DynamicPage Alignment between the contents of .

• Response behavior :DynamicPage The response behavior of depends on the behavior of the displayed content . To adjust DynamicPage Content filling , have access to sapUiContentPadding、sapUiNoContentPadding and sapUiResponsiveContentPadding CSS class .