# Simulating image as buttons **URL:** \ **Category:** Project Showcase\ **Created:** [June 3, 2020, 10:15pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254 "2020-06-03T22:15:29Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![Roberto\_Salim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/roberto_salim/32/6861_2.png) [@Roberto\_Salim](https://community.glideapps.com/u/Roberto_Salim)\ **Post date:** [June 3, 2020, 10:15pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/1 "2020-06-03T22:15:29Z")
Being there, a good form of optical illusion using Glide 😉. Putting images to simulate buttons, a good technique taught by my friend @Lucas_Pires. [acaibeat.glideapp.io](http://acaibeat.glideapp.io) ![Screenshot_2020-06-03-18-59-48-056_com.android.chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/aa7ba35628a2672bc64a68cb7117b9e6fdeae85a.jpeg) Veja apresentação [https://youtu.be/NuQ3OKcIzos](https://youtu.be/NuQ3OKcIzos). [Açaí Beat](https://youtu.be/NuQ3OKcIzos) ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [June 3, 2020, 11:43pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/2 "2020-06-03T23:43:54Z")
Been doing this for some of my clients since I saw @Lucas_Pires’s restaurant app. Beautifully done! ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [June 4, 2020, 2:00am UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/3 "2020-06-04T02:00:19Z")
Thank you for the shout out @Roberto_Salim! The app’s awesome ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [June 4, 2020, 2:00am UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/4 "2020-06-04T02:00:45Z")
Great news! Thank you @ThinhDinh! ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [June 4, 2020, 5:26am UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/5 "2020-06-04T05:26:46Z")
@Roberto_Salim Nice work! Haven’t seen emojis in tab text. Cool👍 I ---
**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\ **Post date:** [June 4, 2020, 5:46pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/6 "2020-06-04T17:46:34Z")
Awesome! This is a great way to provide a simpler UX. I did this as well with images. Each word points to the corresponding menu. There even aren’t any tabs! ![Screen Shot 2020-06-04 at 12.45.29 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/b96170c96eed5a09ba3f9dd42276f23d1209465d.jpeg) [https://paititi.glideapp.io/](https://paititi.glideapp.io/) ---
**Author:** ![Mundo\_2020](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mundo_2020/32/8226_2.png) [@Mundo\_2020](https://community.glideapps.com/u/Mundo_2020)\ **Post date:** [June 4, 2020, 7:44pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/7 "2020-06-04T19:44:15Z")
CĂłmo se hace me podrĂ­as explicar Usar la imagen como botones ---
**Author:** ![Roberto\_Salim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/roberto_salim/32/6861_2.png) [@Roberto\_Salim](https://community.glideapps.com/u/Roberto_Salim)\ **Post date:** [June 4, 2020, 11:24pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/8 "2020-06-04T23:24:16Z")
Insira a imagem normalmente, lĂĄ me FEATURES em ACTION selecione a opção LINK TO SCREEN e direcione a guia para onde ir ao clicar na imagem, no caso da foto abaixo direcionei para o meu CardĂĄpio. A construção da tela de uma imagem em cima da outra com os botĂ”es desenhados fica por conta de como vocĂȘ irĂĄ fazer. ![15913126776253518497610269609429](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/6481a171d8ba10a2579785708512d4e8205dc99e.jpeg) ---
**Author:** ![Jburnsjr](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jburnsjr/32/2659_2.png) [@Jburnsjr](https://community.glideapps.com/u/Jburnsjr)\ **Post date:** [June 8, 2020, 3:29pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/9 "2020-06-08T15:29:00Z")
Where can I find instructions in English on how to create images as buttons? ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [June 8, 2020, 3:43pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/10 "2020-06-08T15:43:22Z")
Just add an image component and set the action. [https://docs.glideapps.com/all/reference/actions](https://docs.glideapps.com/all/reference/actions) ---
**Author:** ![Jburnsjr](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jburnsjr/32/2659_2.png) [@Jburnsjr](https://community.glideapps.com/u/Jburnsjr)\ **Post date:** [June 8, 2020, 4:47pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/11 "2020-06-08T16:47:54Z")
Jeff, Two questions: 1. The button images appear to float on top of the background image can I do the same with a free account? 2. How is the positioning of the buttons accomplished? ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [June 8, 2020, 4:52pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/12 "2020-06-08T16:52:05Z")
It’s an illusion. There is no background. It’s a single image that’s been cut up in an image editor, uploaded as separate images with separate urls, and added to the app as separate image components that give the illusion of image buttons on a background. You’ll notice if you tap anywhere to the left or right if the simulated “button”, it will still open the link because the entire image section is clickable. Because of this, you can’t have buttons side by side. You’ll notice that anybody that has done this will have buttons that are laid out top to button. They may be staggered, but will never be side by side. ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [June 8, 2020, 7:04pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/13 "2020-06-08T19:04:53Z")
@Jburnsjr Depending on what you want to achieve and what you can accept in a background, you could use tiles as a mean for simulating buttons side-by-side. You can place the tiles close together - but there will be space between them. If you use images which are white where the tiles meet you might mimic a background image. Linking out of the app: > [@Tiles with links!](https://community.glideapps.com/t/tiles-with-links/8109): > > Wow It is possible to open links from tiles - and that is great !! Inspired by the post by @Robert_Petitto [Hey! List Action \> Open Link Available!](https://community.glideapps.com/t/hey-list-action-open-link-available/8065) I created a little app to exploit this possibility. The app is copyable. The used icons are from [https://www.flaticon.com/](https://www.flaticon.com/) If you want to use them then please check out the terms. I have made an inline list with horizontal scrolling with different types of links: facebook, email, instagram, location, sms, phone
 Platform ind
 Linking inside the add: > [@Create a compact homepage](https://community.glideapps.com/t/compact-homepages-like-never-before/10338): > > It is time to build some crazy compact homescreens live never before. Url: [https://companydirectory.glideapp.io/](https://companydirectory.glideapp.io/) A new feature has been added to Actions - “View details”. Select the “Independent screen configuration pr. item” and you can make the Tile layout send the user in all different directions. That is crazy. [Screen Shot 2020-06-04 at 9.16.52 PM] I put a front page on the Employees template where you can show different things Take a look - and copy the app if you want to se
 ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [June 8, 2020, 7:40pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/14 "2020-06-08T19:40:31Z")
That’s the magic , isn’t it đŸ•¶ ---
**Author:** ![Alex\_Calandrino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alex_calandrino/32/335_2.png) [@Alex\_Calandrino](https://community.glideapps.com/u/Alex_Calandrino)\ **Post date:** [June 10, 2020, 3:58pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/15 "2020-06-10T15:58:58Z")
How did you go about creating an order number before adding products to the cart? ---
**Author:** ![Alex\_Calandrino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alex_calandrino/32/335_2.png) [@Alex\_Calandrino](https://community.glideapps.com/u/Alex_Calandrino)\ **Post date:** [June 22, 2020, 7:34pm UTC](https://community.glideapps.com/t/simulating-image-as-buttons/10254/17 "2020-06-22T19:34:13Z")
Let me see if I understood. Are you trying to charge me for something that this forum does for free? This forum is not used to make money, but to help users, just so you know I found in this same forum the help I needed without having to pay for it.