GeneXus For SAP Systems Master Page

Official Content

Fiori has two Master Pages: FioriMasterPage and FioriSplitScreenMasterPage.

They look the same. The only difference between them is that the FioriSplitScreenMasterPage contains besides the Content Place Holder control, a Web Component, in which the List object is located (Master List).

MasterPageComposition_png
MasterPage's composition.

How to customize them

How to customize the buttons

To customize the FioriMasterPage buttons, open this object and go to the Events tab:

EventsMP_png

Once there, you have to define the Click events for the buttons (with the desired codes):

BtnNumeradosMP_png

The names of these buttons are FirstOption, SecondOption, ThirdOption and FourthOption.

How to customize the Menu

To add options to your FioriMasterPage menu, open the Transaction object (or Web Panel object) you want to add, then go to its Patterns tab:

CustomerPatternSection_png

Once there go to the Fiori Pattern instance (in this case the List Report), and set the Include In Master Page Menu property to True (this will add the item in both MasterPages):

CustomerIncludeInMasterPageMenu_20181121101326_1_png

Once you have set this property to True the following extra properties will be displayed so that you can customize the option that you want to include on the Master Page menu:

  • Option Icon Unicode: Sets an icon for the option. You have to select the icon from the SAP Icon Explorer.
  • Option Order Index: Sets on which position you want to locate the option. If two options have the same position, they will be alphabetically ordered an positioned from that index on.

MasterPageMenuProperties_png

How to add options manually?

Inside the FioriMasterPage Start Event, after the code automatically generated by GeneXus:

/* Generated by GeneXus Fiori Pattern [Start] - Do not change */
/* Generated by GeneXus Fiori Pattern [End] - Do not change */

you have to delete the default options. To do so, enter the following:

&TilesActionsData = new()

Next, enter this code for each option:

&TilesActionsDataItem = new()
&TilesActionsDataItem.Title = 'Launchpad'
&TilesActionsDataItem.Icon = starFiori.Link()
&TilesActionsDataItem.Link = FioriLaunchpad.Link()
&TilesActionsDataItem.IsDivider = False
&TilesActionsData.Add(&TilesActionsDataItem)

Where:

  • Title: Is the title of the option.
  • Link: Is a link to the object.
  • Icon: Is the image that the option will have.
  • SAPIcon: Is the image but it is entered with Unicode, as in the Tiles.

How to to change the title of the MasterPageMenu?

At the beginning of the MasterPageMenu Start Event you have to enter the following code:

ddo_TilesActions.Caption = <Enter the menu title here>

Next, select Rebuild, run and enjoy your Master Page!

Note: The procedure for FioriSplitScreenMasterPage is the same as that for FioriMasterPage.

Was this page helpful?
What Is This?
Your feedback about this content is important. Let us know what you think.