In my app, I’m using a data viewer grid to display data. But these rows are limited to only two blocks per row. It looks very uneven and is also a waste of space. I want to display my data in a grid like the way apps are displayed on a phone, with around four items per row.
Is there any way I can break these size restrictions and display my data?
Thanks
You may build your own custom grid and use the component’s size you want.
I forgot to mention that this is a custom DVL.
You shocked me by your answer so I had to test it before replying.
The data is not nicely presentable but I have more than just two columns in the same row of the grid.
@muneer
That’s how mine has turned out.
This is what I created for my custom DVL:
The column is enlarged when I added it as the layout in my DVL. This is the look of the DVL:
Any idea what to do? I can privately send you the project link if needed.
I got what you mean. I tricked Thunkable by placing TWO images side by side (in the custom layout) and this way I forced Thunkable to repeat them on the screen and it looks like you have 4 icons in a row.
If this can be a solution to what you have now then you need to modify the structure of your table to fit this customization.
So basically I should put two images in my DVL?
You need to have a row and place TWO columns in it and in each column you will have an image and a label under it.
It worked for me
I just did that and the clock and calendar are overlapping
Which means you need to adjust the borders / padding of your components. That’s what I presume.
Trying that right now
I am unable to save the updated row as a DVL. I tried duplicating it and then saving it, but it isn’t working.
Can you go to main Thunkable page and delete saved layout for this particular one from the Saved Custom Layout List. Just a suggestion because I could not think of anything else.
Thanks. I hard refreshed the page, and it worked. How does this look?
Is it too crowded?
I must say you are a persistent person and persistence pays off.
This is just beautifying and decoration. You might check reducing the image size
Thanks for the tip. Will reduce the image size.
Also, there’s another problem. I want to navigate to a page(specified in my data table) when any image is clicked. But since there are two image in one DVL that are meant to be separate, both images are clicked at once. Do you know of any workarounds?
One thing I like about Thunkable is the availability of a workaround
In the data viewer grid, you can drill down to each component. The image here is for a list but the same applies here. I do not have the exact answer but I know with your level of persistency you will find a way.
So how do I know whether the user clicked image1 or image2?
One thing that comes in mind is the Any image
Sorry, the wrong photo but I think you got what I mean.
