Application Development Discussions
Join the discussions or start your own on all things application development, including tools and APIs, programming models, and keeping your skills sharp.
cancel
Showing results for 
Search instead for 
Did you mean: 

Task 4 - Implement Criticality feature and create an Object page

Shilpa_Shankar
Developer Advocate
Developer Advocate
11,717

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 :

Criticality.pngTask 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

 

 

116 REPLIES 116

Yuvaraj_S88
Explorer
1,908

YuviSAP_0-1725262401941.png

Task 4 - Completed, Really Challenging task!  Thanks for organizing.

Ruthiel
Product and Topic Expert
Product and Topic Expert

M-K
Active Participant

Kartheek
Explorer
1,887

Here is the preview of the object page with criticality

Kartheek_0-1725280912074.pngKartheek_1-1725280937338.png

 

1,834

Hi,

Please find below validations.

Naveen_srinivasan_0-1725297981170.png

Naveen_srinivasan_1-1725298012076.png

Regards,

Naveen

Kaleshavalli
Discoverer
1,834

Hi,

Greetings !

Task 4 completed and here is the screen shot. Very intersting and nice Developer Challenge.

Thank you.

Kaleshavalli_0-1725299048974.png

 

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

Kaleshavalli_1-1725299169146.png

Thanks & Regards,

Kalesha.

Ihor_Haranichev
Participant
1,812

Hello All,

Task 4 completed. Below the results:

Ihor_Haranichev_0-1725307124476.pngIhor_Haranichev_1-1725307152547.png

Ihor_Haranichev_2-1725307192885.png

Thank you for the interesting challenge!

p215636
Explorer
1,796

Hello,

Kindly see task 4 screenshots below;

p215636_2-1725321179421.png

p215636_3-1725321212893.png

Regards & Thank you,

SROUT
Discoverer

Sayontan_Das
Participant
1,726

Hi @Shilpa_Shankar ,

Please find the below screenshot as a solution of TASK-4

Sayontan_Das_0-1725345582027.png

 

@Shilpa_Shankar thank you for giving us the opportunity of solving these challenges to grow more.

@DataTherapist , thank you for giving the lime light about this developer challenge. More to go, more challenges to solve. 

SachinSinghg
Explorer

darseidel
Discoverer

Rambabu_Botsa
Explorer
1,682

Thank you for this tasks!!

Task 4 Completed!

Rambabu_Botsa_0-1725363498234.png

1,662

Hi, 

Here is my solution for task 4.

RahulChowdaryMaganti_1-1725370603951.png

 

Thanks & Regards,
Rahul.

RichHeilman
Developer Advocate
Developer Advocate
1,641

Woohoo!!!!  Done!!  Thank you!!

RichHeilman_0-1725377860772.png

 

 

gaurav33
Discoverer
1,569

Hello All,

Here is my task from week 4

gaurav33_0-1725423303545.png

Regards,
Gaurav



EnryIrala
Explorer
1,555

Hello..! 

Here is my submission:

EnryIrala_0-1725426145351.png

EnryIrala_1-1725426175150.png

Regards.

Silvi_
Explorer
0 Kudos
1,527

Hello all,

Please find below my solution to the last task of August Developer Challenge.

Silvi__0-1725440523247.png

Thank you!

Latifa
Explorer
0 Kudos
1,504

Hello, here is my participation for task 4😄 

Latifa_0-1725465237978.png

 

mohit_dev
Contributor
0 Kudos
1,502

Here is my solution for Task 4 

mohit_dev_0-1725467929535.png

Thank you for this wonderful series. Cheers!

 

soni_opal
Explorer
0 Kudos
1,483

TASK 4 : Adding criticality feature to status text in object Page

soni_opal_1-1725471888176.png

 

 

TOQUANGTINH
Participant
0 Kudos
1,470

Task 4 completed!

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

TINH_TOQUANG_1-1725475121306.png

TINH_TOQUANG_0-1725475044905.png

 

To Quang Tinh

CameronWilson
Explorer
0 Kudos
1,445

My Week 4 Sub!

  1. Object page displaying the details of the selected record including Criticality representation of the Status field
    CameronWilson_0-1725501673444.png

     

0 Kudos
1,445

I fixed the correct formatting.

CameronWilson_1-1725501762793.png

 

0 Kudos
1,425

Hi,

My Solution:

Nandhini_Thanikachalam_0-1725510650592.png

Thanks,

Nandhini Thanikachalam.

Harsh_Hunjan
Associate
Associate
0 Kudos
1,413

Hi Team, 

Please find my solution to the task:

1. 

Harsh_Hunjan_0-1725513385045.pngHarsh_Hunjan_1-1725513460997.png

 

Laco
Explorer

PedroARomero
Explorer

Aditya1231
Discoverer
0 Kudos
1,150

My Solution for Task 4

Aditya1231_1-1725745242870.png

 

DineshkumarR1
Explorer
0 Kudos
1,120

Hi @Shilpa_Shankar 

Attaching the results for the task 4.

DineshkumarR1_0-1725792177046.pngDineshkumarR1_1-1725792201169.png

 

3veni
Explorer
0 Kudos
831

Hi

Object page

3veni_0-1726466790927.png

Thanks

Thiriveni