# 🕒 Delay Action, block clicking... CSS timer

**URL:** <https://community.glideapps.com/t/delay-action-block-clicking-css-timer/37633>\
**Category:** Project Showcase\
**Created:** [January 24, 2022, 9:46pm UTC](https://community.glideapps.com/t/delay-action-block-clicking-css-timer/37633 "2022-01-24T21:46:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 24, 2022, 9:46pm UTC](https://community.glideapps.com/t/delay-action-block-clicking-css-timer/37633/1 "2022-01-24T21:46:07Z")

</div>

**Set a precise time to block the screen from clicking elements.**

 ![Delay avatar](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1fa33ec18be3f7c131a21ff98e37c4b3e8271c0e.png)

There are many cases that you would like to block elements on the screen to be clicked.  
Use this template to set time (in seconds), then add to the action button a trigger… in this case, is an increment of clicks counter.  
CSS code will block the screen (except floating buttons and navigation bars), for a preset amount of seconds **not dependent on the Glide refreshing rate**.

 ![delay 1 shadow](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/3/e3d98ba4334f378f31fb3b5d6cba91d6a7248e66.png) ![delay 2 shadow](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/f/df1e757f191199e8e3d59bd2e10981396a312ceb.png)

In settings, you can:

enter a message for the delay image,

adjust cover opacity to hide screen while the delay is in process

choose and adjust image size

> **[Delay Action - DEMO](https://delay-action-demo.glideapp.io/)**
>
> delay actions by blocking screen for a specific time

available at [Templates Market](https://templates-market-sa.glideapp.io/full)

[![template market button](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/f/2f02068ccf21a3c7e9cd369b1832d946addf48c9.png)](https://templates-market-sa.glideapp.io/full)

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [January 24, 2022, 10:33pm UTC](https://community.glideapps.com/t/delay-action-block-clicking-css-timer/37633/2 "2022-01-24T22:33:17Z")

</div>

Thanks @Uzo this is incredibly useful. It’s about time I buy one of your templates 😉

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 24, 2022, 10:34pm UTC](https://community.glideapps.com/t/delay-action-block-clicking-css-timer/37633/3 "2022-01-24T22:34:17Z")

</div>

Thank You ! 💓