Table of contents

Official Content

It is possible to show the elements of a Grid control horizontally, instead of vertically as usual, by setting the Grid Control Type property to "Horizontal Grid".

You can also control how the elements are displayed by choosing the number of columns and rows you want to show by page.

For example, suppose you want to show 2 columns and 3 rows per page:

Android Apple
HorizontalGridEx1_png HorizontalGridEx2_png

To achieve this, follow these steps:

Step 1

Create the following Transaction object:


Step 2

Apply the Work With Pattern to it.

Step 3

Press F5 and add some records.

Step 4

Go to the Work With List Node and select the Grid. Set its Control Type property to "Horizontal Grid" and set the following properties as shown:


Properties that let you customize the behavior and look of the Horizontal Grid

You can see the runtime result in the two images below, depending on the orientation of your device and on the property settings for the number of rows and columns that will be shown by page.


Android Apple
HorizontalGridEx1_png HorizontalGridEx2_png


Android Apple
HorizontalGridEx4_png HorizontalGridEx3_png

Note: the last image shows a photo taken when the device in portrait mode. You will note the changes in the number of rows and columns shown.

Last update: November 2023 | © GeneXus. All rights reserved. GeneXus Powered by Globant