How do I create a card view in Thunkable

Thunkable Discuss
#1

The problem lies in the fact that at the moment, lists are too plain and dont look appealing. As you can see here, this is what I am doing:

App%20screenshot%201
App%20screenshot%2011080×2035 964 KB

I basically have 10 columns, and from an api i pull the needed data from it. So i must define items 1 to 10. if this was a list i could do i in number (variable here set to 0) and at the end of the code add 1 to variable to set next piece of data, but lists currently do not support photos. So i must set each specific label etc. but this would not be an issue if there was no lag. i believe it is a compiling error because thunkable uses some third party software which has limits. I just would really hope that they prioritise something like this so users can build even bigger apps. And yes i know what i am doing is inefficient but I don’t have any other good options :stuck_out_tongue:

If the extended list viewer brings photos, i will definitely be using that. But i dont see it being released for another 2 weeks. there are more stuff that will come before it.

[Solved] Is there some reason why my blocks might start to lag?
#2

But what i am doing would not be an issue, if there was no lag!!!

#3

My around this issue now which isn’t the way i wanted it to be but it works. Wordpress rest api allows you to select the amount of posts and which page so i can just add a select page button and it will load the next 10 posts. And so on.

#4

I suggest your “card” be white colour and add black shadow behind the “card”,cause this is so classic design :wink:

1 Like
#5

So make the entire background blue? thanks for the design tips. anything else you would change?

1 Like
#6

No,don’t let the colour become your important character,sometimes simple modern design is good enough.:slight_smile:

#7

So just white on white? I want to keep the blue menu at the top though…

#8

What about something like this:

Screenshot_20190626-170311_Thunkable
Screenshot_20190626-170311_Thunkable1080×1976 633 KB

1 Like
#9

Just the menu blue, if you add colour on your BackGround, it will become classic design :slight_smile:

#10

Make the column set white not transparent, and set it’s shadow to be black colour

#11

When you say classic do you mean its very common?

And does that design look good though?

Thanks

#12

I believe it is white, but shadows don’t seem to work :stuck_out_tongue:

#13

For my studio app, example of this, simple but modern design

IMG_20190627_063408
IMG_20190627_0634081080×1920 80.1 KB

#14

puffin
puffin302×563 17.1 KB

2 Likes
#15

ah okay I understand. Looks good. how would i do this?

#16

I always let the shadow be my main character, cause it is very useful when you are doing modern design of the App.

#17

I like it! Thank you!!

#18

I found it excellent how you configured the cards in the notification(blue with bold). I send notification however in the simplest possible way. Can you tell me how you did ? Thank you very much.

#19

How does this look :smiley:

Screenshot_20190627-024202_Thunkable
Screenshot_20190627-024202_Thunkable1080×1967 635 KB

I think it looks much cleaner. Any way I could make the shadow stand out more near the top and the corners?

Otherwise I really like your design techniques!! Fantastic!

Thanks

1 Like
#20

Hi there,
Thx for interest of my design,what you’re looking for?..thanks.