GeneXus for SAP Fiori Mobile Pattern - List Floorplan

Official Content
This documentation is valid for:

The List Floorplan is a set of templates designed to query, insert, update and delete data on Smart Devices (SD).

This article describes how to apply it to a Transaction or a Panel for Smart Devices (SD).

How to apply it

Look at the patterns tab of the Country transaction. If you have never applied the Fiori Mobile Pattern on your KB yet, read GeneXus for SAP Fiori Mobile Pattern. Otherwise while being positioned on the patterns tab of the transaction, select the Work With for Smart Devices.

CountryPatternsWWSmartDevices_png

Then, the following window will be opened in order to select a template, under the List category:

ListFloorplanTemplateSelection_png

There are eight kinds of List templates:

  1. List with amount
  2. Card with image
  3. Cards with text
  4. List with image
  5. List with image and amount
  6. Title and subtitle
  7. Titles
  8. Card background image
  9. Timeline


1. List with amount

This template offers you to list data with a Title and a Subtitle on the left side and an Amount on the right side (which does not must be a numeric attribute):

ListWithAmountFioriMobile_201862212251_1_png

 

2. Cards with image

This template offers you to list data inside cards each one including an image on top and a title and subtitle under the image: 

CardsWithImageFioriMobile_201862212717_1_png

 

3. Cards with text

This template allows you to list data inside cards each one including a title, a category, and a subtitle:

CardsWithTextFioriMobile_20186221267_1_png

 

4. List with image

This template allows you to list data showing for each line an image on the left side, a title and a subtitle on the right one:

ListWithImageFioriMobile_201862212634_1_png

 

5. List with image and amount

This template allows you to list data showing for each line an image on the left side, a title and subtitle on the middle, and an amount on the right side:

ListWithImageAndAmountFioriMobile_201862212643_1_png

 

6. Title and subtitle

This template list data showing for each line a title and under it a subtitle:

TitleAndSubtitleListFioriMobile_201862212651_1_png

 

7. Titles

This template list data showing for each line only a title:

TitleListFioriMobile_201862212659_1_png

 

8. Card background image

This template allows you to list data inside cards, each one including an image on its background and a title and subtitle ahead the image on the bottom of the card:

CardBackgroundImageFioriMobile_png

 

9. Timeline

This template allows you to list data on a timeline format.

TimelineTemplate_png


How to incorporate it into your app

To incorporate this into your app read Genexus for SAP Fiori Mobile Pattern - Menu Floorplan

 

See Also