Answered

Create 3-State Button

(0) Share

Report

Posted on by SqueezeOJ

How can I build a 3-state button?

First State: BLANK (Never Clicked)
Second State: X
Third State: O

Then cycle between X and O on subsequent clicks?

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (1)

Sort by

Community Power Pla... Microsoft Employee on at

Like (2)

Report
Copy link

Link copied!

Here's what I did to give the perception of more than 1 state button.

For your scenario, we can do 3 states by utilizing visible field

Set button 1 Visible field to variableX=0, button 2 to variableX=1, and variableX=2.

Button 1 OnSelect field with UpdateContext({variableX:1})
Button 2 OnSelect field with UpdateContext({variableX:2})
Button 3 OnSelect field with UpdateContext({variableX:1})

Hope this helps

Was this reply helpful? Yes No
Verified answer

Paul_C Microsoft Employee on at

Like (3)

Report
Copy link

Link copied!
If you want to do it with one button, try:

Button1.OnSelect:
UpdateContext({ Button1State: Mod(Button1State, 2) + 1 })
Button1.Text:
If(Button1State < 1, "", Button1State = 1, "X", "O")

Are you building a tic-tac-toe game?

Was this reply helpful? Yes No
SqueezeOJ 30 on at

Like (0)

Report
Copy link

Link copied!

Hi Paul,

Thanks for your response. It worked perfectly!

Yes, I'm trying to build a Tic-Tac-Toe game. I'm very new to PowerApps and so I'm working through some CS101-type projects to see how it works.

Your 3-state button works great. However, I'm still trying to figure out a few more things, so I'll post them to another thread.

Be well, Jason

Was this reply helpful? Yes No
SqueezeOJ 30 on at

Like (0)

Report
Copy link

Link copied!

Hi DXiong,

Thanks for your solution. It's an interesting adaptation that I might try if I can't get the logic for a true 3-state button to work.

Be well, Jason

Was this reply helpful? Yes No
SqueezeOJ 30 on at

Like (0)

Report
Copy link

Link copied!
ResetButton.onSelect:
UpdateContext({button1state:0})

Was this reply helpful? Yes No