# \[Solved\] Create button with multipe info inside **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** design, canvas\ **Created:** [June 12, 2020, 3:31pm UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454 "2020-06-12T15:31:47Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![wikilinks.infooleua0](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wikilinks.infooleua0/32/68594_2.png) [@wikilinks.infooleua0](https://community.thunkable.com/u/wikilinks.infooleua0)\ **Post date:** [June 12, 2020, 3:31pm UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454/1 "2020-06-12T15:31:47Z")
Hi everyone, I’m trying to build a button like the one you see below, all the three elements ( number, status, and colored dot ) vary according to 3 different pieces of data coming from a database. ![Screenshot 2020-06-12 at 17.14.56](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/e/fee04173a359b9e36ffa834950946ed5a4cc2a7b.png) Until now, to obtain the desired result( here below), i used the standard design components that Thunkable provides and I did it by putting 3 buttons close to each other. I was wondering, if it is possible to avoid this workaround and create a singel button with these 3 info inside ( prehaps using a canvas) ![Screenshot 2020-06-12 at 17.15.02](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/e/fed32cacf44aeef14be2e76ba0d1de8c62098a14.png) I’m open for any suggestion Thank you so 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 12, 2020, 9:50pm UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454/2 "2020-06-12T21:50:52Z")
Hey @wikilinks.infooleua0, You can’t style a button like this, however you can use containers (column/row) to style this, then place a button over the entire container by setting it to absolute positioning. ---
**Author:** ![wikilinks.infooleua0](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wikilinks.infooleua0/32/68594_2.png) [@wikilinks.infooleua0](https://community.thunkable.com/u/wikilinks.infooleua0)\ **Post date:** [June 13, 2020, 11:48am UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454/3 "2020-06-13T11:48:26Z")
thanks! I’ll try it ! I did something like this but i didn’t use absolute positioning. since the button element will be cloned according to data coming from the DB Do you think that this will be a problem? Thanks again ! ---
**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 13, 2020, 12:38pm UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454/4 "2020-06-13T12:38:45Z")
Shouldn’t be a problem. You’ll have to work out a system with the cloned containers to make sure all data is displayed correctly, and that the buttons do the intended action. ---
**Author:** ![wikilinks.infooleua0](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wikilinks.infooleua0/32/68594_2.png) [@wikilinks.infooleua0](https://community.thunkable.com/u/wikilinks.infooleua0)\ **Post date:** [June 13, 2020, 12:47pm UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454/5 "2020-06-13T12:47:06Z")
I did it ! It works! Thank you so 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 13, 2020, 1:10pm UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454/6 "2020-06-13T13:10:43Z")
Awesome. Be sure to share your app when you’re done in #SuccessfullyTHUNKd 🙂 ---
**Author:** ![wikilinks.infooleua0](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wikilinks.infooleua0/32/68594_2.png) [@wikilinks.infooleua0](https://community.thunkable.com/u/wikilinks.infooleua0)\ **Post date:** [June 13, 2020, 1:16pm UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454/7 "2020-06-13T13:16:44Z")
For sure! Actually I’ve submitted another one and I’m waiting for its approval, I ll’share it too ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 11:27am UTC](https://community.thunkable.com/t/solved-create-button-with-multipe-info-inside/611454/8 "2024-11-08T11:27:08Z")