Grid with blocks and an Image field

This tutorial, demonstrates how to create a Slide Grid with Blocks and by adding an Image field.


Creating a new grid

1. Create a new grid application using employees table.

2. Then, in the Grid Modules menu set these attributes according to table below:


Picture Filed Settings

3. Open the folder Fields and click on the Photo field.

4. Set Data Type to Image (file name) because we will save the images as separated files.


5. Set Image Height and Width properties to 180 and 240 respectively.

Grid Block Settings

6. Open the folder Layout and click in Blocks option.


7. Create a new block and set according to the image below.


8. Go to “Fields Positioning” option in the application menu.


9. Place the fields in blocks according to the image below.


10. Run the application.


Tutorials in the same category

Grid using infinite scroll with fixed height

In this tutorial we will be creating a Grid with infinite scroll with a fixed height. Creati...

Grid slide using infinite scroll

In this tutorial we will see how to create a Slide Grid / Report with Infinite Scroll to display im...

Grid using infinite scroll

1. We must create a new Grid application 2. Then we proceed to configure the Grid Module, wh...

Filter with buttons inline

In this tutorial we will see how to use the Filter and a Grid in the same window and the Filter but...

Comment this post