TL;DR: Detect single vs. double clicks on one Power Apps button using a click counter plus a 1-second timer to trigger different actions.

💡 Challenge

How can you handle both single and double clicks on the same button in PowerApps to perform separate actions, reflecting the user’s intent more accurately?

✅ Solution

Combine a click counter with a timer to tell single and double clicks apart, then run the matching action.

🔧 How It’s Done

1. Track clicks with a counter variable.

🔸 In the button’s OnSelect:

UpdateContext({locPopUp: locPopUp + 1})

2. Start the timer on the same click.

🔸 Also in OnSelect:

UpdateContext({locPopUpTimer: true})

3. Configure the timer control.

🔸 Set its Duration to 1000 (milliseconds) and enable AutoStart.

4. Decide the action when the timer ends.

🔸 In the timer’s OnTimerEnd, check the locPopUp count, then reset the timer:

UpdateContext({locPopUpTimer: false})

5. Show the popup and reset.

🔸 Display popups based on locPopUp when locPopUpTimer is false. On closing, reset the counter:

UpdateContext({locPopUp: 0})

🎉 Result

The app cleanly distinguishes single from double clicks and runs contextually relevant actions based on interaction speed, mimicking familiar desktop behavior and improving the user experience.

🌟 Key Advantages

🔸 Versatile interactions: complex behavior within a simple UI.

🔸 Familiar UX: interaction patterns users know from the desktop.

🔸 Efficient design: fewer buttons for different actions, keeping the UI clean.

🎥 Video Tutorial

🛠️ FAQ

1. How does the method distinguish between a single and double click? It uses a click counter (locPopUp) and a timer (locPopUpTimer). On each click the counter increments and the timer starts. If a second click arrives before the timer ends, it’s a double click; otherwise it’s a single click.

2. Can I adjust the interval used to detect a double click? Yes. Change the timer’s Duration (e.g. 500ms or 1000ms) to match the expected speed of interaction in your app.

3. How can I apply this pattern for a double-click-only action? Compare the current time to the last click time (e.g. with Now() and DateAdd) and set a variable to true when two clicks occur within the defined interval.

Need Help with Your Power Platform Project?

Get expert guidance through personalized workshops, consulting, and training tailored to your specific needs.

Request Workshop

Consulting and process automation for SMBs is delivered by KMUpower. Prefer structured, German-language courses? The Power Platform Academy offers live Power Platform Schulung and hands-on Power Platform courses for Power Apps, Power Automate and Copilot.