2593551 - Custom MDF - How to add Bar/Pie Charts in the custom MDF object's UI screen.

How to design your custom MDF object's UI screen with Bar/ Pie Charts.

Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental

SAP SuccessFactors HXM Suite

The Bar and Pie charts representation of the data can be achieved in the Default UI screen.

Please note: Bar and Pie Charts cannot be viewed/ rendered in the PP3 page, since everything on the PP3 page appears in Form layout (Label - Value pair).

They can be viewed in the Manage Data page after adding the UI screen in the Object Definition -> Default Screen.

Preconditions:

1. Login to the Instance -> Admin Tools
2. Go to Configure Object Definition -> Create an effectiveDated Object.
3. Definite 4 or more Numeric fields. (Data type must be of type Number)
4. Save the object.

Steps:

1. Login to the Instance -> Admin Tools;
2. Go to Manage Configure UI Page -> Create a UI screen with base object you created above;
   
   
   
   
3. Create a Group by clicking on Add Group button. (Remove the Input type field automatically generated);
   
   
   
   
4. Drag and Drop the Numeric fields into that group;
   
   
   
   
5. Click on the Edit Properties button of that Group;
   
   
   
   
6. Scroll Down to the Display Section -> Change the Display type to Chart. Select Chart Type to Bar or Pie according to your requirement;
   
   
   
   
7. Click on OK and then Save the Screen;
8. Add this screen in Object Definition -> Default Screen as shown below;
   
   
   
   
9. Go to Manage Data page (executable Config UI Page). Create test data for this object and click on Save;
   
   
   
   
10. The Pie/Bar chart appears;
    
    

2553102 - Employee Central - Manage Configuration UI (MDF object UI)

MDF, Metadata Framework, Custom MDF, portlets, blocks, Chart, Graph, UI Screen, MDF UI, Pie, Bar , KBA , LOD-SF-MDF-UI , UI Config, Layout & Rules , LOD-SF-MDF-MGD , Manage Data - Create, Update & Delete , How To