Enable / Disable Button - Navigate to new page

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

I have a dropdown, a text field (warning), and a button.

I would like to accomplish the following:

Make the button disabled when a user accesses this screen
When a value has been selected in the drop down, the button is enabled
When the button is pressed with a value in the dropdown, it navigates to another screen.
When the button is pressed when there is no value in the dropdown, the warning appears and the button is still disabled.

Thanks!! 🙂

Categories:

Building Power Apps

I have the same question (0)

All responses (6)

Answers (1)

Sort by

CarlosFigueira Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!
You can set the DisplayMode property of the button to the expression below:

If(IsBlank(ComboBox1.Selected), DisplayMode.Disabled, DisplayMode.Edit)

Where 'ComboBox1' is the name of the control that has the answers. This way, the user will not be able to pressthe button until he/she has selected an answer. See the attached app for an example.

ForumThread108878...

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!
Hi @Anonymous,

make use of a locale variable.

Set for your screen.onvisible attribute something like:
UpdateContext({disabled:true})
For the dropdown.onchange attribute you set disabled value to false:
UpdateContext({disabled:false})
And for the button.displaymode attribute use this:
If(disabled, DisplayMode.Disabled, DisplayMode.Edit)

You can check for a button state but I think its not possible to fire a click event on a disabled button. As a long way around you could lay an invisible button (no text, no colors, but not "not visible") over the disabled one. This helper button is only visible if the original button is disabled. Then you could use the onselect attribute of this button to change a variable (like above) and show up your warning.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Perfect!! How do I display the error warning message when the button is clicked and there's no dropdown value?

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Ohh, actually saw @CarlosFigueira answer. Thats a better solution I think 🙂

Was this reply helpful? Yes No
Verified answer

CarlosFigueira Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
The user won't be able to click on the button if there's nothing selected in the combo box - the button will be disabled. If you want to add a message to the user, you can always use a label that only shows up when there is no selection. For example, in the screen below:

The label only appears when there's no selection. Once the user selects the answer, then the message disappears:

You can do that by setting the Visible formula of the label to:

IsBlank(ComboBox1.Selected)

Where 'ComboBox1' is the name of the control that has the answers.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

That was a great idea!!! Thanks everyone!!!!

Was this reply helpful? Yes No