How to create a cart with buttons for each item?

The quantity change buttons should be added to the each item which the user add to the cart. Just like the cart in other shopping apps. How to add those? I’ve attached a picture for example

1 Like

Use a custom Data Viewer List or Grid and design all your labels and buttons to show with every item.

can you please be more clear? i don’t know how to do that

1 Like

See this Data Viewer Custom Layouts Tutorial - YouTube

Or this How to Use the Data Viewer List in Thunkable X - 2020 To Do App - YouTube

i saw the videos, but i couldn’t find the features in my thunkable.x
there is no “row” or “column” and “save as data viewer layout”

Hey there @dhanushan48608nkfw ,

If you are not seeing rows/columns, that’s because they are not available in the drag-and-drop interface of Thunkable just yet. We are working hard on a new component called Layouts that will bring this feature to our more powerful interface. This component will also allow to maintain any aspect ratio instead of stretching items to fit the dimensions of the phone they are on.

If you need to get started today, you can use the Snap to Place interface. In order to do this, when you create a new project an uncheck the box titled “Use the Drag and Drop builder” as shown in the video below.


Thank you very much,
I’ve already built the 90% of the app in the drag and drop interface. I s there any way that i can shift them now or use the layout i create in new interface in the other app?

1 Like

Once you create the Data Viewer Layout in the StP UI, it will be available in the list of layouts in the DnD UI.

1 Like

Thanks you

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.