# Indicate button/tile pressed

**URL:** https://community.glideapps.com/t/indicate-button-tile-pressed/24781
**Category:** Ask for Help
**Created:** [March 26, 2021, 8:13pm UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781 "2021-03-26T20:13:30Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### 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: [March 26, 2021, 8:13pm UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/1 "2021-03-26T20:13:30Z")

</div>

How do you make a button/tile show like it is being pressed like shown in the video

> **[RPReplay\_Final1616789354.MP4](https://drive.google.com/file/d/1AV0RWAOu-r-kEr1kk273PhZIn1awICQR/view?usp=sharing)**
>
> Google Drive file.

From the app shown in this post:

> [@March Challenge - Calculator](https://community.glideapps.com/t/march-challenge-calculator/24091):
>
> I had an idea a while ago to see if I could build a reasonably functional calculator in Glide. I decided to give it a shot and came up with one that actually works pretty well. It’s nothing fancy like a scientific calculator, but it handles the basics (addition, subtraction, multiplication, division). OK, it turned out to have a lot more functionality than originally planned. It took a lot of trial and error to work out most of the bugs and have it work how I would expect a basic calculator t…

---

<div class="post-metadata">

### 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: [March 26, 2021, 10:47pm UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/2 "2021-03-26T22:47:46Z")

</div>

Here you go.

```auto
<pre><span><style>
.tile-overlay:active
{
opacity: .1;
}
</style></span></pre>

```

---

<div class="post-metadata">

### 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: [March 26, 2021, 10:52pm UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/3 "2021-03-26T22:52:41Z")

</div>

Thanks. Can’t understand why this is not a native feature in glide

---

<div class="post-metadata">

### 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: [March 26, 2021, 11:08pm UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/4 "2021-03-26T23:08:56Z")

</div>

Wouldn’t be any fun if we didn’t have to figure it out ourselves. 😉

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [March 27, 2021, 3:39am UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/5 "2021-03-27T03:39:30Z")

</div>

So true!! 👍 😂

---

<div class="post-metadata">

### 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: [March 28, 2021, 8:59pm UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/6 "2021-03-28T20:59:06Z")

</div>

@Jeff_Hager Do you think you could do the same if you are actually using an image. I haven’t had any luck doing that

---

<div class="post-metadata">

### 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: [March 28, 2021, 9:08pm UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/7 "2021-03-28T21:08:49Z")

</div>

@Jeff_Hager Did my first adjustment of css in order to change “image clicked”  
`<pre><span><style> img:active { opacity: .1; } </style></span></pre>`

---

<div class="post-metadata">

### 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: [March 29, 2021, 2:11am UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/8 "2021-03-29T02:11:05Z")

</div>

I assume you must be using only images for your buttons? That might be the difference. I am using images as well, but only as a background. I’m using the column text as an overlay, so I’m guessing that’s why the CSS worked differently.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/c/3caa8cf6b8ba7e973b17745de64452df5e99ce03.png)

I tried out your CSS in my app without the overlay and it worked!

---

<div class="post-metadata">

### Author: ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)
#### Post date: [January 17, 2024, 4:52pm UTC](https://community.glideapps.com/t/indicate-button-tile-pressed/24781/9 "2024-01-17T16:52:53Z")

</div>


