Task 4 - Implement Criticality feature and create an Object page

[Shilpa_Shankar]

This is the last task of the August Developer Challenge on ABAP Core Data Services. The responses we have seen so far is excellent and appreciate each one of you in taking time to complete the challenge. We have seen some good conversations about the task and to make it more interesting let’s add some colors to the Fiori app.

In Task 4, we will explore Criticality feature and display the data record in an Object Page.

In Task 3, you have used the annotations @Consumption.valueHelpDefinition:[..] and @ObjectModel.text.element:[..] to display the Text value for the Status key. A simple way to visualize the different Status is by adding an icon and semantic colors to the Status field. This can be achieved by Criticality feature. Since we already have the Status key (O,A,X) you need to map these values to the Criticality values. This table provides the Criticality values and its color visualization :

Task 4:

1. Add the Criticality to the Status field to display the icon and color of the value should change according to the above table.

   Hint: ‘A’ --> Positive

            ‘O’ --> Critical

            ‘X’ --> Negative

   Hint: Use @ui.lineItem.criticality
2. Create a Metadata extension file and add the required annotations to display the selected record in the Object page. The following fields should be available in the object page:

1. Travel Id
2. Description
3. New field created in Task 2 – concat of Total_Price and Currency_Code
4. Status field created in Task 3 along with Criticality representation

Reference link: https://learning.sap.com/learning-journeys/develop-sapui5-applications/using-basic-annotations-for-o...

Follow the instructions carefully and share with us the screenshots of the items mentioned in the ‘Validation’ section of this discussion.

Please use this separate thread to ask your questions and discuss issues.

Validation :-

Please share screenshots after performing the following :

1. Object page displaying the details of the selected record including Criticality representation of the Status field

[OanaVladescu]

Hello,

Here is my solution for Task 4 🎉:

1. Object page displaying the details of the selected record including Criticality representation of the Status field

Thank you! 😊

[Rajini88]

Done.

[abaprules]

Here's my object page. Thanks!

[d_orozco]

This is my solution:

[Mohammed_Nabeel]

Task 4 - Object page with selected record including criticality representation for status field.

[Shilpa_Shankar]

Hi,

Thanks for the submission. For better readability kindly display the text along with criticality

[azaharescu]

Preview of the Object Page: 

Great exercise, thanks for organizing it ^^

[BerkayZdmr]

Object page: 

[Sivaiah_Bhiragani]

Here is my Object page.

[thomas_jung]

[dhowardb]

Here is my Object page for Task 4:

[halfknight]

Hello, please see my object page below:

[Prass]

Preview of the Object Page: 

[Jorge_Cervantes]

[stickman_0x00]

[jochenlittleq]

Hello 🙂
Here is my screenshot for this weeks task:

[geek]

These have been some really valuable challenges:

Thank you.

[Sandra_Solis]

Done!! 🥳🥳🥳

I also Added it to main page 🥰🥰 so beautiful!! 

[tim_matsypura]

Done!

[gabby_isidro]

[tukitajr-HANA73]

😎

[ShivamChadha]

[AVG]

Please find below output:

[viveksingh]

My Solution

[MallareddyBuchammagari]

Line Item View:

Identification View:

[ganeshprasadj34]

Object page displaying the details of the selected record including Criticality representation of the Status field

 

[Saikumar_Vendoti]

Hi,

Here is my screenshot for this weeks task: 

[siva1990]

Hello Team,

Please find screen shot below,

Thanks Ms.shilpa and Ms.sheena , your techbytes was very useful and this developer challenge was a good learning experience . 

[Aslam2]

Hi, 

Please find the below output Screenshot.

Thanks.

[aaruljothi]

Hello,

Thank you for the Week 4 Exercise. Here is my solution - Object Page with Travel details

-

Thanks & Regards,

Aruljothi Arumugam

[ojeswinisanaka]

Hi @Shilpa_Shankar 

Here is the preview of the object page

Thanks for the weekly challenge, It was great to learn from this.

[rajesh_munusamy]

Done!!

for identification view,

[sheenamk]

hi,

  Thanks for the submission. Could you please display the Status text instead of code for better readability?

[rajesh_munusamy]

Hi Sheena,

PFB, Updated!!

Thanks,

Rajesh

[mwn]

My object page

[SachinArtani]

Here is mine -

[BH2408]

Hi Team, 

Here is the Task 4. 

BR, 

Bharani

[EzgiKarabay]

👍💪

Object Page:

[SushmitaG]

Please find below my submission of week 4