9

Extend Overview page by using Adapt UI – In app Extensibility

 3 years ago
source link: https://blogs.sap.com/2022/03/18/extend-overview-page-by-using-adapt-ui-in-app-extensibility/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
March 18, 2022 3 minute read

Extend Overview page by using Adapt UI – In app Extensibility

Dear All,

In this blog I will show you what can be added in standard fiori overview page by using Adapt UI functionalities / In-app Extensibility in fiori launchpad.

Changes can be made without technical dependency and no need to write much logic.

In app itself we have many things to do now.

Functional people will definately like it as they can also do this activity without much knowledge and dependency.

For example I am taking the procurement overview page app which is available in S/4hana on-premise as well as S/4HANA cloud.

Procurement%20Overview%20Page

Procurement Overview Page

The Procurement Overview shows, at a glance, the most important information and tasks relevant for you right now. The information is displayed on set of actionable cards. You can therefore focus on the most important tasks, enabling faster decisions and immediate action.

The cards show you the most important information ranked according to relevance. For example, on the Monitor Purchase Contracts card, you can see the consumption and expiry date per contract. You can then decide to change a contract by selecting it.

I am using S/4Hana 2021 system and fiori launchpad to show this functionalities.

Procurement%20Overview%20Page%20Tile

Procurement Overview Page Tile

Let me launch the tile and show you adapt UI button in ME area of fiori launchpad.

Adapt%20UI%20-%20ME%20Area

Adapt UI – ME Area

Let me show you the screen after clicking on Adapt UI Button

App%20after%20clicking%20on%20Adapt%20UI%20Button

App after clicking on Adapt UI Button

Let me show you few more functionalities

Right click on any card ,once you click you will be able to see screen like below

Adapt-UI-with-Details-1.png

Add Card -> only existing cards which is available for this app

Hide Card , copy, cut, Create link list etc. some more functionalities available.

Edit Card – We can edit the cards, Let me go in more details. Click on Edit card (Highlighted in red color)

Edit-Data.png

Screen will be visible like below after clicking on Edit Button, Here you can change the view name KPI value, Type of charts etc. once you save after changing the values card will be updated with latest data.

Card-can-be-edited-here.png

Let me show you one more functionality – click on Add KPI Card

Add%20KPI%20Card

Add KPI Card

Screen will be open like below – see all the open KPI’s

Available-KPIs.png

Select the kpi from the list, i have selected highlighted one

Select%20KPI

Select KPI

I have changed the name as well and saved it

Test-for-blog-and-save.png

Changed card name and save

Waao card has been added inside the app, look below highlighted one

Newc.png

                                                             waao card added

Now you can save/Publish and transport, and even if you do not like you can reset the changes

Added-New-card-3-3.png

                                                 Publish/Reset/Save

Here in this blog we have talked about the capabilities of In-App extensions in fiori launchpad.

Few more functionalities you can explore, you can change the filter name and hide filters. You can change whatever functionalities is available for changes in standard approach.

Hope you all will like it. it’s amazing 🙂

Keep Exploring and Happy Learning.

Thanks and Regards

Naveen Kumar Jain


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK