Mobile Development Kit Client 5.1¶
Notable new or changed features for the Mobile Development Kit Client 5.1
New UI Controls¶
In the mobile environment, it is triggered by swiping the item left or right. The
Context Menu supports the use of interactive elements within the cell being swiped.
Context Menu can render multiple menu items on the iOS platform. However, it displays only the first menu item on the Android platform. If there's more than 3 menu items on the iOS platform, it displays the first 2 menu items inline and the 3rd menu item is displayed as
More menu item. Tapping the
More menu item, it shows all the menu items as action sheet on the phone and as popover on the Pad.
In the web environment, an overflow button is visible in the cell, when selected it displays a popover with all the menu items, which combines leading and trailing menu items together.
Web - Tabs Control¶
You can now also use the Tabs control in the web environment. Note: Bottom Navigation control is not supported yet.
Flexible Column Layout with Bottom Navigation and Side Drawer¶
Flexible Column Layout can now be rendered in the Bottom Navigation and Side Drawer frame.
PageToOpen Is Optional¶
You can now omit
SideDrawerItem and it will not attempt to open an empty page. This will allow you to open modal page, trigger non UI related actions such as
PageMetadata Support for Navigation Action¶
Navigation action now support a new property called
PageMetadata. You can assign a rule to this property and return a Page definition in JSON format. The definition format is the same as what you will get in a
.page file. This allows you to dynamically build a page definition and return it from the rule to this property, instead of using
PageToOpen. If this property is defined,
PageToOpen will be ignored.
OnPress Support for KPI¶
PageSize Support in Data Paging¶
DataPaging now supports a new property
PageSize. This property can be used to define the
PageSize while fetching the data from back end. This property is supported in back ends with client driven pagination.
OnRendered Event in
A new event
OnRendered has been introduced for
SectionedTable. This event will be triggered after the sectioned table is fully rendered for the first time and also post redraw of the table.
PLT Formatter for Events¶
App developers can now invoke platform specific events using the
PLT keyword. This capability is supported for all the controls which have one of the following events
- All the page level events except
OnActivityBackPressedis an Android platform specific event.
- All the application level events.
OnInvalidevents for an action.
getSection API for
A new client API method
getSection now allows fetching individual section from
SectionedTable. It can be applied to controls such as
KeyValueCollection, Extension section and more. To fetch a section the app developer need to pass the section _name property to this method.
SideDrawer - Styling Enhancements¶
Following styling enhancements have been introduced for
- Styling override at the Section level - This styling attribute can now be used to override the styling defined at the
- Styling override at an individual item level - This styling attribute can now be used to override the styling at the
SideDraweras well at the Section level
- Optional section separator lines - Section separator lines can now be disabled using the property
- Item title alignment - Items title can now be aligned left, center or right using the
- Header alignment -
SideDrawerheader can now be aligned left, center or right using the
- User supplied
DrawerButtonproperty can be used to specify a user supplied
SideDrawericon instead of standard hamburger icon.
Web - Support Header Type Control & Tabs in a Page¶
You can now add 2 container controls as root controls of a page in the web environment.
- The first control must be a
Sectioned Tablethat contain a single section with a header type control e.g. Object Header or Profile Header
- The second control must be a
Any other combination is not supported.
Web - Support Form Cell Controls in Section Page¶
We have introduced the support of Form Cell controls in Section Page in web environment. This is already supported in mobile app.
You can now add a Form Cell Section in Sectioned Table control of a Section Page.
You can then add any of the Form Cell controls in the Section.
Web - Support OData Service Headers, Server Side Paging &
The following features are now supported in web environment:
Web - Clickable Key Value¶
Web - Avatar and Circular Icon Support for Action Bar Item¶
IsIconCircular are now supported in
Action Bar on web environment.
IconText property is used to generate a text based avatar image and
IsIconCircular can be used to render a circular icon.
Web - Enabling Search Across Multiple Sections in a Page¶
Search on web environment is now supported across multiple searchable section controls in a page. This is an enhancement over earlier release where Search would be disabled in case of more than one control in a page.
Web - Support SAP Font Icons¶
UI controls on web environment that support image can now use SAP font icons using
sap-icon://<name> syntax e.g.
"DetailImage":"sap-icon://person-placeholder". The list of the supported SAP icons can be found here.
These font icons also support styling, below are some of the references for the styling support
- Object Cell's Styles property on
- Object Header's Styles property on
- Profile Header's Styles property on
Web - Action Support in the Banner Message¶
Banner Message in web environment now supports interactivity which can be used to execute an action or rule on click. Following properties can be used to implement this behavior
ActionLabelcan be used to indicate that banner is clickable
OnActionLabelPresstriggers an action or rule
DismissBannerOnActionto dismiss the banner on click
Web - Action Support in Progress Banner¶
Progress Banner on web environment now supports interactivity which can be used to execute an action or rule on click. Following properties can be used to implement this new behavior
ActionLabelto indicate that progress banner is clickable
OnActionLabelPresstriggers an action or rule
DismissBannerOnActionto dismiss the banner on click.
CompletionActionLabelto indicate that the completion message is clickable
OnCompletionActionLabelPresstriggers an action or rule on click of completion message
Web - Support Auto Select Default Value in List Picker¶
AllowDefaultValueIfOneItem - Support auto assigning default value if there is only 1 item in the list picker's value list
Offline OData Version 4 Support¶
OData Version 4 is now supported in offline mode. You can initialize your OData Version 4 service as offline OData service in your app and perform OData actions on it, including syncing (uploading and downloading) the offline store.
For more info on the OData Version 4 support & limitation, please refer to this document.
CancelUpload action can be used to cancel Offline Upload. This action will cancel the currently ongoing offline upload.
EnableRepeatableRequests should not be set to false in store parameter as this is required to prevent duplication of requests in the back end when upload is called again.
Mobile Development Kit Editor 2012¶
|Title||Type||Environment||Description||Available as of|
|Support Client 5.1 metadata||New||Neo (Web IDE)||Support new metadata changes for Client 5.1||Dec 22, 2020|
|Support Client 5.1 metadata||New||CF (Business Application Studio)||Support new metadata changes for Client 5.1 as Business Application Studio extension||Dec 16, 2020|
|Support Debugging with Source Maps for Web applications||New||CF (Business Application Studio)||Support Debugging with Source Maps for Web applications in Business Application Studio||Dec 16, 2020|
|Micro App Default Security Setting Change||Update||CF (Business Application Studio)||Micro App Default Security Setting Change||Dec 16, 2020|