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:

Property
{
   PropertyId*
   PropertyName
   PropertyAddress
   PropertyFrontImage
}

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:

HotizontalGridPropertiesEx_png

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.

Portrait:

Android Apple
HorizontalGridEx1_png HorizontalGridEx2_png

Landscape:

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: February 2024 | © GeneXus. All rights reserved. GeneXus Powered by Globant