Genexus for SAP Fiori Mobile Pattern - Menu Floorplan

Official Content

The Menu Floorplan is a set of templates that allow you to list all the panels you have in your app (for example, a Menu is automatically generated by GeneXus when the Startup Wizard finishes).

SelectMenuTemplate_png

There are three kinds of Menu:

1. Dynamic Menu

DynamicMenuFioriMobile_png

2. Menu with icons

MenuWithIconsFioriMobile_png

3. Menu with user

MenuWithUserFioriMobile_png

 

By default, the menu comes with dummy options. In order to add options to the menu, go to the Fiori instance Properties window and set the Include in slide menu property to True:

Includeinslidemenu_png

You can customize how the option will look by setting the Slide menu option properties group:

  1. Title: Allows you to set the text to be shown on the option.
  2. Image: Allows you to set the image for the option. Its default value is empty.
  3. Type: Determines the style of the option, there are three styles:
    1. Item
    2. Item Separator
    3. Link

To add the panels manually as items in the menu, you have to open the <YourApplicationName>OptionsDP Data Provider and add/edit the items:

FioriMobileOptionsMenuItem_png

For each item you have to complete:

  • Title
  • Icon: Allows you to set the item icon (optional).
  • ComponentToCall: Is the panel to be opened when the item is tapped.
  • Type

Finally, you have to call the panels inside the CompilationDummyEvent event in the <YourApplicationName>SD object (automatically generated):

CompilationDummyEventFioriMobile_png

Notes:

  • To call an SD panel, use the typical call: SDPanelSample()
  • To call a WorkWithDevice panel, use: WorkWithDevicesCountry.Country.List(), where Country is the transaction which has the WW is related to it.

 

See Also

 

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