How can i make this type of list view?

[Octocore (Toxic Prince)]

I want to design this type of list view

But it’s showing deferent !

I using 3 Vertical Arrangement

If the number of items is 3 then it will show each vertical arrangement or if the number of item is 2 then it will showing in first 2 vertical arrangement and if the number of item is 6 then it will showing like gird view as I attach in the first picture

What’s wrong with my blocks?

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

for grid view ref here

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…

[Octocore (Toxic Prince)]

This post was flagged by the community and is temporarily hidden.

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

Show your procedure blocks which is used to create this grid view… i know where is the mistake…

[Octocore (Toxic Prince)]

This is only work if I have 3,6,9 types of value in my data. But i want different like if i have 7, 10
For example this image -

If I have 7,10, or 11 types of data then it not showing with your suggested blocks? Please help me how can I showing extra data -

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

You doesn’t read the block properly… the OP create 2 grid view so he used 2 in all places. But if you wanna 3 men you must use according to that. I had the issue very first time later I realised and now working pakka

[Octocore (Toxic Prince)]

Where is the mistake ?

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

What is the total length of your list?

[Octocore (Toxic Prince)]

10 now but it will updating from the database

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

i have tried with this code, and found working as … based on the length of the list it rearrange, but width was fixed as -2 so it not look good … see my blocks and app response

Did you get it???

Second method(Suggested in the Guide) will be easy to design based on our length of the list… but based on method 1 we cannot define our length

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

if it not works then send me the schema, let you suggest

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

The logic behind in this is, first create the HA container (rows) based on the length of the list according to our grid view… If the length is not the perfection division with grid view then add just only one more row our self… Once row created mean then easily we can print the output easily in the HA Container… Simple…

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

after pasting the schema in the reply pls use this option else your schema will become not readable one by dyna comp

[Octocore (Toxic Prince)]

Here it is -

{     "name": "Test",     "metadata-version": 1,     "extension_version": 5,     "author": "<your name>",     "platforms": [         "creator.kodular.io"     ],     "keys": [ 	"id", 	"image" 	],     "components": [         {             "id": "CardUSG{id}",             "type": "MakeroidCardView",             "properties": {                 "AlignHorizontal": 3,                 "AlignVertical": 2,                 "BackgroundColor": 4288585374,                 "ContentPaddingBottom": 0,                 "ContentPaddingLeft": 0,                 "ContentPaddingRight": 0,                 "ContentPaddingTop": 0,                 "CornerRadius": 10,                 "Elevation": 0,                 "FullClickable": true,                 "Height": 110,                 "Width": 110             },             "components": [                 {                     "id": "usgImage{id}",                     "type": "Image",                     "properties": {                         "Height": -2,                         "Width": -2,                         "Picture": "{image}",                         "ScalePictureToFit": true                     }                 }             ]         }     ] }

[Octocore (Toxic Prince)]

After using your code this error showing to me

Blocks Code

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

No. You are wrong… it is working for me

See based on the length of the global list i have created 7 times the images in grid view with your schema

I am using Method 2, but you mixed up Method 1 with Method 2… WIll it trigger?

[Octocore (Toxic Prince)]

Is this picture i should follow? or are it was called method 2

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

Please adjust your blocks based on my previous post no18…

Pls correct these error

1. Local variable missing
2. adding created HA Container into this local variable is missing
3. Where to the Schema to be created is missing

[Octocore (Toxic Prince)]

Thank you
Respect ++

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

@Octocore

Respect ++

Is it worked? Seeing the output as you expected?