Categories with Grid view component

[Aaminah_Mansuri (Muhammad Mansuri)]

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

[Akshat_Rana (Akshat Developer)]

I reccomend you to use List View With Image Component

It is far better than gridview

Here’s the documentation

List View Image and Text - Kodular Docs

[Aaminah_Mansuri (Muhammad Mansuri)]

@Akshat_Rana I need categories like this

But using List View With Image Component it shows like:

[Vaibhav]

You can create dynamic cards grid view layout with the help of Dynamic Component Extension by @yusufcihan.

There are many guides for creating this type of grid view using the mentioned extension like the one below

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 numb…

You have to adjust according to your needs.
Also search the community for more such guides…

[Aaminah_Mansuri (Muhammad Mansuri)]

@Vaibhav but I want to this without Dynamic components.
Is it possible?

[Vaibhav]

But upto what I think, an e-commerce app will not have same number of products everytime. So you will need to adjust your card views programmatically according to the number of products.

And afaik this will be only be possible with dynamic component extension.

[Aaminah_Mansuri (Muhammad Mansuri)]

@Vaibhav

an e-commerce app will have same number of products everytime

No, From Admin panel I will add new products.

[Vaibhav]

But for every new product you will need a new card view in your customer app to display that product. And to this the best option would be creating dynamic component

[Aaminah_Mansuri (Muhammad Mansuri)]

@Vaibhav I have used dynamic components for making categories.

But how to do when they click on category it shows products?

[ADDYLIN]

@Aaminah_Mansuri

Suppose Today in Your Party Wear Category there are 100 Saares
You Made 100 CardViews for them.

Now Suppose Again
Tomorrow you Got 100 More Saares to Update in Your Apps Party Wear Category from your Admin Panel.

Means Now there will be total 200 Saares in your Party Wear Category,
But you Only Made 100 CardViews in First Suppose,
So where these New 100 Saares will go.

You Can’t Do This Without Dynamic Components.
This is what @Vaibhav trying to Explain.

[Aaminah_Mansuri (Muhammad Mansuri)]

Yes, I have made this categories with dynamic component. But when the click on Party Wear Category It show party wear sarees. So, I need this sarees in new screen. So, how to do?

[ADDYLIN]

@ADDYLIN Suppose You Didn’t Read The Whole Topic Only This Post

Categories with Grid view component

@Vaibhav I have used dynamic components for making categories. [Screenshot_2020-12-01-16-01-25-313_com.bombaysareecenter.bsc] But how to do when they click on category it shows products?

---

@Aaminah_Mansuri
As i can see there are 7 Categories in Total,
Make 7 Vertical Scroll Arrangements, 1 for Each Category.
Make All of them Visible to False.

if CardView1 Click
then set VSA1 to Visible

elseif CardView2 Click
then set VSA2 to Visible

.
.
.

---

@Aaminah_Mansuri

I need this sarees in new Screen.

So in New Screen make 7 VSA all Visible to False.

If on First Screen1 CardView1 Click Open Screen2 with Start Value - CardView1 (CardView2 if CardView2 is Clicked and so on)

So Now on Screen2

if StartValue is CardView1
then make VSA1 visible to True

elseif StartValue is CardView2
then make VSA2 visible to True

.
.
.

[Aaminah_Mansuri (Muhammad Mansuri)]

@ADDYLIN But, I have used this method.

Dynamic Grid Listview In Kodular || E-commerce app, Shoping App in kodular

For making a categories.
Here is the aia of this video.
Dynamic_List.aia (217.5 KB)
Please help me.