Updated: March 8, 2017

What’s New in Guideline Version 1.36?


This article provides an overview of the topics that have been added or changed with the guideline version 1.36. The content is based on the controls available with SAPUI5 version 1.36.

General Concepts


Updated guideline: Discover the rules for motion design inside SAP Fiori.

For more information, see animation.

Enterprise Search (formerly known as global search)

New feature: Search results can now be visualized as pie or bar charts (multiselection is possible).

For more information, see enterprise search.

Using Tooltips

New article! This article explains when and when not to add a tooltip to a control.

For more information, see using tooltips.

Smart Templates, Floorplans & Frameworks

Wizard | sap.m.Wizard

New feature: The header can now show titles for each step.

Updated guideline: Improved content and more example images.

For more information, see wizard floorplan.

UI Elements

Feed and Notes | sap.m.FeedListItem & sap.m.FeedInput

Updated guideline: New section on integrating comments, notes, and feeds into a table.

For more information, see feed input.

Form | sap.ui.layout.form.Form, sap.ui.layout.form.SimpleForm, sap.ui.comp.smartform.SmartForm

New feature: Extra-large breakpoint for extra wide screens.

For more information, see form.

Message Page | sap.m.MessagePage

Updated guideline: Small changes when using the busy state.

For more information, see message page.

Table Overview | sap.m.Table

Updated guideline: The table overview now includes the smart table.

For more information, see table overview.

Time Picker | sap.m.TimePicker

New features:

  • Values can now be deleted on mobile devices.
  • Time can now be entered via a soft keyboard on mobile devices using the time picker input field.

For more information, see time picker.

Responsive Table | sap.m.Table

Updated guideline: New information on triggering table personalization and view settings.

For more information, see responsive table.

Smart Link | sap.ui.comp.navpopover.SmartLink

Updated guideline: Smart control now described in more detail.

For more information, see smart link.