When switching from HTML5 (UX3) to Responsive UI (RUI), you might notice that some custom UI built using SAP Cloud application studio (also known as PDI/SDK) are not visible.

In this blog, I will explain steps to enable custom screens in RUI. Also highlight some of the limitations (as of 1702 release) for rendering the custom screens in the Responsive UI.

Create New screens: During creation of custom screens for custom business object, in the ‘Create New Screens’ pop up, under ‘Supported Devices’, select the appropriate option. The default option is ‘Desktop Only’.

For the screens to be displayed in Responsive UI, select the option as ‘Desktop and Tablet’ as shown below. This selection value can be changed later if required in the Property Explorer of the UI Designer.

For existing screens: To enable your existing screens to work for Responsive UI, follow the below steps.

Open your workcenter view in UI Designer and in the Properties window locate Configuration->Tags-> select the popup and add two entries:
1) Device: Desktop
2) Device: Tablet

The entry Device = ‘Tablet’ will make sure that the workcenter, views are rendered in Responsive UI.

Limitation of Responsive UI (as of 1702)

While most of the Controls that you use in SAP Cloud application studio will work in Responsive UI across Smartphone, Tablet, Desktop. There are some Floorplans & Controls which will not. In case you are using them, the recommendation is to switch to a supported floorplan.

Floor plans: The floor plans Quick Activity Floor plan (QAF), Object Instance Floorplan (OIF) and Fact Sheet (FS) are not supported yet in Responsive UI.

For Responsive UI, the recommendation is to use Thing based navigation floor plans – Object Work list, Quick create, Quick view, Thing Inspector, Thing Type etc.

At later releases even when the QAF, OIF and FS floorplans are planned to be supported for Responsive UI, it shall be available/supported only for the Desktop/Laptop access and not for tablet and smartphone.

Panes & Controls:Following are the not so commonly used Panes & controls which are not supported currently for the Responsive UI.

Panes of Type Browse and Collect, Hierarchy Graph, SideCarPannel, GanttChart, NetworkChart, NestedLayout, GridLayoutSnippet, GroupCalendarPane.

Controls of type LineSeparator, ProgressBarControl, MediaPlayerControl, RatingControl, Legend Control.

The Object value selector can be used as a possible alternate to the Browse and collect. Also the Hierarchy table can be used for the Hierarchy graph.

Hence while designing your screens for the Responsive UI, make sure that you consider the limitations described here.

 

To report this post you need to login first.

2 Comments

You must be Logged on to comment or reply to a post.

  1. Krishnendu Laha

    Hello,

    Many thanks for pointing out the “pain points” in SDK and solution proposal.

    I have question not relevant to this blog but relevant to SDK:

    Is there any plan to introduce “S/4 HANA” like app to do modification, so that we can leverage of Transport Management Systems and ABAP layers, I have written a blog for same: https://blogs.sap.com/2016/12/15/please-bring-an-alternative-of-sdk-to-enhance-the-business-logic/

    It would be nice if SAP can initiate some of the facilities of S/4 HANA world.

    Regards,
    Krish

    (1) 
    1. rabbani khan

      hello everyone nice explanation and thank you ver much

      may i know how to send the data into standard Bo using EXteion BO,?

      Question 1) in by d screen I have to update some data

      In Account Management—–>accounts—–> i have update some data?

      2)in cloud application studio  in repository —> i found that Bo name is “Customer”

      3) And  i was created extension Bo for that and it’s very difficult to writing the code ..  IF any one Please help how should i send the data into Standard Bo?

      it’s my urgent Requirement?

      (0) 

Leave a Reply