HowTo: Use Horizontal Grid control in Panels

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

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:

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

Landscape:

Android	Apple