How to make a list of images as a grid

[HaAnh_DC]

I want to create a list of images as a grid. (7 or more columns)

When you click on the image, the information will appear below

is there any way or extension?

[Yashsehgal022 (Yash Sehgal)]

maybe you can use the table arrangement

you can adjust the rows and columns also

[HaAnh_DC]

i will try it

[Rogerio_Rios (Professional Support)]

1 minute of community research…

Simple Dynamic Grid View Using Dynamic Extension

Introduction Hi Koders, it’s been a few months since the latest guide from me. Today I will share a method to make simple and customizable grid view using @yusufcihan’s dynamic component extension. Blocks First Method: [blocks (1)] It is a loop in a loop. Firstly, it will create numbers of row using Horizontal Arrangement. Inside the row (Horizontal Arrangement), we have to create your desire numbers of cells. After a couple loop, it’s done! Note: in the calculation of the id, 5 is the n…

[Still-learning (1-2-3-4...)]

How many rows and colums you want to use? you can try with dynamic componet which will work great

[HaAnh_DC]

i have about 50 images, i want about 8 columns

[Still-learning (1-2-3-4...)]

ohh. ok ok … If user clicks on the image , how will you show this informations?

I have created a dynamic image view with 6colums (each image 50px in size, row depends upon the list of images)

[Still-learning (1-2-3-4...)]

images info stored in a ghseet? or how will you show?

[HaAnh_DC]

@Still-learning

Nếu người dùng nhấp vào hình ảnh

If the user clicks on the image, the information will appear below, as text, no image needed

[Still-learning (1-2-3-4...)]

do one thing,if you dont mind, share your image source,

[HaAnh_DC]

aia file I refer to [salem_m_s2021]
gridviewa1.aia (83.1 KB)

Image: Web: Dash Warning Lights - Red, Amber, Green - Complete Guide

[HaAnh_DC]

Is there a way to increase the image size and distance the images closer together?
small distance

[HaAnh_DC]

Looks like my AIA file sent to you can’t click on the picture

[Still-learning (1-2-3-4...)]

saw your aia, let me give my work but i didnt add that sire. if possible try that…

DynaGridView.aia (25.0 KB)

[HaAnh_DC]

help me

[Still-learning (1-2-3-4...)]

no no , this is not the correct way

do like this…

[HaAnh_DC]

I have about 50 pictures, is there any way to add 50 pictures at a time

[HaAnh_DC]

it was faulty

[Still-learning (1-2-3-4...)]

@HaAnh_DC

is there any way to add 50 pictures at a time

Yes , it is there a simple way
if you have named all of your images as number then try like this, and add it in screen initi block (1st block)

[HaAnh_DC]

I think it has many problems: Images, click on images, information of each image. I will have to find out more. Thank you
help me:
DynaGridViewHelp.aia (75.6 KB)