# How do I create a card view in Thunkable **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [June 26, 2019, 2:20pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713 "2019-06-26T14:20:22Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 2:20pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/1 "2019-06-26T14:20:22Z")
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](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/a/dad3e02b6627ab7c92680dd116573b43f5efe94b.jpeg) 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 😛 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. ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 2:20pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/2 "2019-06-26T14:20:45Z")
But what i am doing would not be an issue, if there was no lag!!! ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 2:31pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/3 "2019-06-26T14:31:10Z")
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. ---
**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\ **Post date:** [June 26, 2019, 2:56pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/4 "2019-06-26T14:56:54Z")
I suggest your “card” be white colour and add black shadow behind the “card”,cause this is so classic design 😉 ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 3:10pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/5 "2019-06-26T15:10:04Z")
So make the entire background blue? thanks for the design tips. anything else you would change? ---
**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\ **Post date:** [June 26, 2019, 3:11pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/6 "2019-06-26T15:11:38Z")
No,don’t let the colour become your important character,sometimes simple modern design is good enough.🙂 ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 3:36pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/7 "2019-06-26T15:36:45Z")
So just white on white? I want to keep the blue menu at the top though… ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 4:07pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/8 "2019-06-26T16:07:10Z")
What about something like this: ![Screenshot_20190626-170311_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/7/979a2b09032c4b1d94957a7d5cded3ec0df669f4.jpeg) ---
**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\ **Post date:** [June 26, 2019, 10:31pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/9 "2019-06-26T22:31:19Z")
Just the menu blue, if you add colour on your BackGround, it will become classic design 🙂 ---
**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\ **Post date:** [June 26, 2019, 10:32pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/10 "2019-06-26T22:32:27Z")
Make the column set white not transparent, and set it’s shadow to be black colour ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 10:32pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/11 "2019-06-26T22:32:28Z")
When you say classic do you mean its very common? And does that design look good though? Thanks ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 10:33pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/12 "2019-06-26T22:33:11Z")
I believe it is white, but shadows don’t seem to work 😛 ---
**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\ **Post date:** [June 26, 2019, 10:35pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/13 "2019-06-26T22:35:22Z")
For my studio app, example of this, simple but modern design ![IMG_20190627_063408](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/e/ee1702173140a8eb4d902ddebdbc6e3ffda0490c.jpeg) ---
**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\ **Post date:** [June 26, 2019, 10:36pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/14 "2019-06-26T22:36:23Z")
![puffin](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/1/a1f1221f6d969e84cabc9f30ae52f54039a795e6.jpeg) ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 10:36pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/15 "2019-06-26T22:36:25Z")
ah okay I understand. Looks good. how would i do this? ---
**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\ **Post date:** [June 26, 2019, 10:37pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/16 "2019-06-26T22:37:15Z")
I always let the shadow be my main character, cause it is very useful when you are doing modern design of the App. ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 26, 2019, 10:48pm UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/17 "2019-06-26T22:48:27Z")
I like it! Thank you!! ---
**Author:** ![Extremus\_Data\_Protec](https://avatars.discourse-cdn.com/v4/letter/e/8c91f0/32.png) [@Extremus\_Data\_Protec](https://community.thunkable.com/u/Extremus_Data_Protec)\ **Post date:** [June 27, 2019, 1:40am UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/18 "2019-06-27T01:40:50Z")
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. ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [June 27, 2019, 1:44am UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/19 "2019-06-27T01:44:47Z")
How does this look 😃 ![Screenshot_20190627-024202_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/c/bce8272a476371b55f0fe6f8495dda705cc745fd.jpeg) 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 ---
**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\ **Post date:** [June 27, 2019, 4:45am UTC](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713/20 "2019-06-27T04:45:01Z")
Hi there, Thx for interest of my design,what you’re looking for?..thanks. [Next page](https://community.thunkable.com/t/how-do-i-create-a-card-view-in-thunkable/217713.md?page=2)