SAP Knowledge Base Article - Public

2593930 - [MDF] How to set Flow layout for your custom MDF portlet in PP3?

Symptom

  • Cannot set the Flow layout (Horizontal) for custom MDF portlet on People Profile page.
  • Not able to get flow based layout even in the Edit mode.
  • Fields are not appearing in Horizontal layout for custom MDF portlet in PP3.
  • Fields are appearing in Form layout even when I have chosen Flow layout in the UI screen.
  • Duplicate fields are appearing in the MDF UI portlet.

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

Environment

  • SAP SuccessFactors HXM Suite
  • Metadata Framework (MDF)

Reproducing the Issue

  • Navigate to the custom MDF portlet on PP3 (People Profile).

  • Click on Edit button (Pencil Icon) or on Manage button (Watch Icon).

    1.png

  • Even if you have selected the Flow Layout in the UI screen, the data still appears in the Form layout (label value pair).

    2.png

Cause

Changing the Layout to Flow in the default group in the UI does not impact the appearance of the fields in PP3 portlet.

If you want to arrange the fields in your object in the Flow Layout, then you need to create a New Group in the UI and choose the Layout =Flow for that group. This layout takes effect only in Edit mode.

Resolution

1) Go to Manage Configuration UI page and search for respective UI screen.

2) Search for the UI screen you have created for your object.

3) Create a Group by clicking on Add Group button. (Remove the automatically generated field Input type later)

    3.png

4) Drag and Drop the desired fields into that newly created group.

   4.png

5) Click on the Edit Properties button of that Group.

    5.png

6) Choose the Layout = Flow and the click on OK.

    6.png

7) Save the UI screen.

8) Navigate to the custom MDF portlet on PP3 (People Profile), again.

You will notice that in the View mode data still appears in the Form layout which is expected and by design. The layout takes effect only in the Edit mode.

    7.png

9) Click on Edit icon. You will notice that fields will now appear in the Flow layout.

    8.png

NOTE: If you add custom UI groups using button "Add Group" - make sure they are not empty. At least one field must be added, otherwise fields appear duplicated.

See Also

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

Keywords

Custom MDF object, mdf portlet, Horizontally, Vertically, Form, Grid, Flow, PP3 layout, horizontal, vertical, layout, people profile, PP3, UI layout , KBA , LOD-SF-MDF-UI , UI Config, Layout & Rules , How To

Product

SAP SuccessFactors HXM Suite all versions