1.5M ratings
277k ratings

See, that’s what the app is perfect for.

Sounds perfect Wahhhh, I don’t wanna
Attention! This blog is no longer updated. For alternative information resources, please visit our community page — http://openui5.org/community/

First Preview of OpenUI5 1.34

We are happy to give you an update as to what’s going on in development for the next release with the first beta/preview version of 1.34!

You can either download it or try it online. Please test the release and the new features and give us your feedback (or report compatibility issues). Remember to clear your browser cache in case something fails.

 Here is an overview of the main new features:

  • New Tutorials: Mock Server, Worklist App
  • New Controls:
    • sap.m.Breadcrumbs  as type of secondary navigation that indicates the page’s position in the site hierarchy
    • sap.m.MaskInput to govern what a user is allowed to enter in an input field
    • sap.m.NotificationListGroup and sap.m.NotificationListItem used to group and display a list of notifications
    • sap.m.PlanningCalender to show the appointments of team members in a specified time period
    • sap.m.TabContainer a generic tab container for managing multiple tabs
    • sap.ui.layout.BlockLayout to display several objects in different visual sections
  • New Control libraries:
    • sap.tnt which contains controls like NavigationList and ToolHeader that provide the basic structure of a tools app
    • sap.uxap which contains controls like ObjectPageLayout used to put together all parts of an ObjectPage
    • NOTE: these new libraries are not contained in the 1.34.1 downloads and live site (due to a build config issue), but will be in the 1.34.2 preview (due in the first days of 2016). In the meantime, you could download these libs from the bower repositories and add them manually.
  • New Features:
    • Two of our Demo Apps “Worklist” and “Master-Detail” are now available as standalone GitHub repositories
    • OPA supports now UIComponents and Actions
    • Enhanced performance across the framework and controls like optimized data loading/rendering sequence for the OData V2 model, ODataTreeBinding that supports server-side application filters which means less data that is processed on the client
    • New and improved documentation chapters on Device Adaption, Performance and Components 

These are the full details:

Security Vulnerability Fixed

A security issue has been identified and fixed (also in older versions). For more information, see our blog post Important fix for all current UI5 versions.

 Tutorials

Mock Server

In this tutorial we explore some advanced features of the mock server. If no OData service is available or if you simply don’t want to depend on the OData back-end connectivity for your development and tests, the mock server can mimic the OData back-end calls.

 Worklist App

In this tutorial we build a simple worklist app using the worklist app template. This app could be used for example by a shop owner to manage his product stock levels.

 Walkthrough

The Walkthrough tutorial has been updated with some corrections based on user feedback. Many thanks to all readers who got in touch with us! Steps 26 and 27 in particular have been completely rewritten.

New Controls

sap.m.Breadcrumbs

The sap.m.Breadcrumbs control is a type of secondary navigation that indicates the page’s position in the site hierarchy. These visual aids indicate the user’s location within the site hierarchy and helps them find their way around.

If there is not enough space for all links, some of the links are moved to a popover. On mobile devices, the popover is changed to a dialog that contains all links.

image

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.m.MaskInput

The sap.m.MaskInput control is used to govern what a user is allowed to enter in an input field. The mask input has a fixed length format set upon instantiation and the user input has to conform to it. We recommend using this when the user enters text or numbers with specific formatting, such as a phone number, ZIP code, credit card number, etc..

image

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.m.NotificationListGroup

The sap.m.NotificationListGroup is a control used to group a list of sap.m.NotificationListItems. The group consists of a header, a body containing a list of notifications, and a footer containing a collapse/expand button, list of action buttons and a priority stripe.

image

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.m.NotificationListItem

The sap.m.NotificationListItem is a control used to display a notification. The notification consists of a title, description, author picture, author name, time stamp, priority, close button and a list of action buttons. All these parts are both optional and configurable.

image

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.m.PlanningCalendar

You can use the planning calendar to show the appointments of team members in a specified time period.

image

 For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.m.TabContainer

The sap.m.TabContainer control is a generic tab container for managing multiple tabs. The control contains a TabStrip area where the user can choose which tab to read or edit. Every tab has a close/decline button (visible on mouse hover) that removes the item from the screen and an asterisk (*) indicator that notifies if there are unsaved changes in a particular tab. This can be handled by the application developer. New tabs can be easily added using the + button in the upper right corner.

image

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

Several Controls Moved to sap.m

With this release, the GenericTile, TileContent, FeedContent (formerly JamContent), NewsContent, NumericContent, and SlideTile (formerly DynamicContainer) controls have been moved from the sap.suite.ui.commons library to the sap.m library.

If you have already included one of these controls before OpenUI5 1.34, a wrapper ensures that the embedding still works for each control. To benefit from all the enhancements or new features for one of these controls as of OpenUI5 1.34, you need to switch to the controls in the sap.m library. With OpenUI5 1.34, all these controls in the sap.suite.ui.commons library are marked as deprecated.

During the move, the following controls have been renamed:

·         JamContent to FeedContent

·         DynamicContainer to SlideTile

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.ui.layout.BlockLayout

You can use the BlockLayout control to display several objects in different visual sections. This control features horizontal and vertical subdivisions and full-width banners as seen frequently in contemporary Web design. Background colors are attached directly to these blocks of the layout. By placing pictorial and textual elements side by side in different blocks, a relation of content is established. Special full-width sections of the BlockLayout allow horizontal scrolling through a set of blocks. 

image

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

New Libraries

(NOTE: these new libraries sap.tnt and sap.uxap are not contained in the 1.34.1 downloads and live site (due to a build config issue), but will be in the 1.34.2 preview (due in the first days of 2016). In the meantime, you could download these libs from the bower repositories and add them manually.)

New Library sap.tnt

This new library contains controls that provide the basic structure of a tools app.

sap.tnt.NavigationList: An interactive control which provides a choice of different items ordered as a list. The navigation has a maximum of two levels - the items can have subitems but subitems cannot have other subitems. NavigationList items that contain subitems can be expanded or collapsed.

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.tnt.SideNavigation: A container which consists of flexible and fixed parts, where each part contains a NavigationList. When there is not enough space for the items in the flexible part, a vertical scrollbar appears. On tablet devices, the scrollbar is replaced by scroll arrows but scrolling via swipe is also available. When the height of the whole control is less than 256px, the scrollbar becomes joined for the two parts. The SideNavigation has two modes: expanded and collapsed.

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.tnt.ToolHeader: A horizontal container based on sap.m.OverflowToolbar. It is most commonly used to display buttons, labels, selects and other various input controls. In addition, the ToolHeader allows the developer to specify where the overflow button is placed via the ToolHeaderUtilitySeparator class.

image

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

sap.tnt.ToolPage: A layout control used to put together the parts of a basic tools app - ToolHeader, SideNavigation and content area. The ToolPage control also checks the type of the device on which it is displayed and sets the expanded state of the SideNavigation. This can be controlled by the developer using the sideExpanded property of the ToolPage.

image

For more information, see the API Reference and the sample in the Explored app in the Demo Kit.

New Library sap.uxap

The sap.uxap library that contains all controls to put together the ObjectPage is now also part of OpenUI5.

For more information, see the sample in the Explored app in the Demo Kit

Improved Controls

  • sap.m.ComboBox can now be used display additional information with a second column by setting “showSecondaryValues”
  • Support of Japanese Emperor Calendar in sap.m.DatePicker and sap.ui.unified.Calendar
  • sap.m.MessagePopover now supports automated extraction of the longTextURL if the user uses GET requests in the back end and automatic binding to the default message model
  • sap.m.OverflowToolbar has been visually restyled and improved
  • sap.m.Page accessibility is now extended with page landmark support
  • sap.m.TimePicker scroll values can now be scrolled with the mouse wheel on mouse hover
  • sap.m.UploadCollection: you can use a customizable toolbar instead of the aggregation toolbar in the UploadCollection control
  • sap.ui.layout.SimpleForm now supports XL breakpoints when using sap.ui.layout.form.ResponsiveGridLayout

New Features

  • Two of our demo apps are now available as standalone GitHub respositories. More information can be found at this blogpost.
  • Support for Sequentialized Asynchronous OData Requests: With the OData model V2, you can now use the new sequentializeRequests setting to sequentialize asynchronous requests for OData providers that cannot handle multiple parallel requests at the same time.
  • One Page Acceptance Test (OPA):
    • Starting a UIComponent using iStartMyUIComponent: You can now run OPA tests in the same frame or window.
    • Actions: Did you always find it difficult to press a button or insert a text into an input field when writing your OPA tests? Starting with this OpenUI5 version, the first two OPA actions Press and EnterText are available to make your life easier.
  • ODataTreeBinding supports server-side application filters which should be used for the $count/$inlinecount and data-retrieval in operation mode “auto”. This helps to reduce the amount of data that is processed later on in the client and thus improves the performance.
  • Documentation and Demo Kit Improvements
    • We now use the feedback service that is available on the SAP HANA Cloud Platform also in the Demo Kit. The service provides a channel for you to send feedback regarding the controls, samples and documentation. Just try it out - we’re very interested in your opinion!
image
    • Device Adaptation: Using Device Models for Your App
    • Performance: Speed Up Your App: Best practices related to bootstrap configuration, asynchronous loading of libraries and components, and more.
    • Performance Issues
    • Components

Your OpenUI5 team

counter