# Graphic Rendering

**URL:** <https://community.thunkable.com/t/graphic-rendering/570061>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [May 16, 2020, 9:08am UTC](https://community.thunkable.com/t/graphic-rendering/570061 "2020-05-16T09:08:54Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 16, 2020, 12:39pm UTC](https://community.thunkable.com/t/graphic-rendering/570061/3 "2020-05-16T12:39:07Z")

</div>

You can absolutely make this with thunkable!

Check this project out

> [@Custom Dataviewer and data sources (extended list viewer)](http://community.thunkable.com/t/custom-dataviewer-and-data-sources-extended-list-viewer/568413):
>
> I wanted to share this with those who want to use a data source not yet set up for the new dataviewer, like an API. this example uses my news API account (feel free to abuse it and get it shut down if you really desire) it imitates the cards created by the new dataviewer.let me know what you think. remix it up and come back to share! [https://thunk.app/w/-P6GK8VPv](https://thunk.app/w/-P6GK8VPv)[https://x.thunkable.com/copy/76e5b05a875febe850f44366434e959d](https://x.thunkable.com/copy/76e5b05a875febe850f44366434e959d) blocks used I just realiz…

I made custom cards and linked 6 pieces of info to each card. This could be updated after a button press, timer, or via the variable listener methods eith RealtimeDB

You’ll end up using multiple components to make a model of what each should look like.

Like this

Column  
Row  
Column  
Row  
Column  
Label  
Column  
Image  
Row  
Label

For styling Set all nested row/columns to fill container.  
Set outer column to fit contents for height and width.  
set the outer column corner radius to 20  
Set the shadow for the putter column.

Now style the font size for the labels

Now use absolute positioning to place them exactly where you want.

Be sure to use your phone for this past part. This won’t appear correctly on the live preview on a computer.

Now come the blocks

---

_[View the full topic](https://community.thunkable.com/t/graphic-rendering/570061)._