Hide and show textbox based on dropdown selection in PowerApps - Demo

PowerApps show hide fields conditionally based on dropdown selection – O365

One comment

Loading

In this PowerApps show hide fields tutorial, we will learn how to hide and show textboxes based on the dropdown selection in PowerApps.

PowerApps hide show fields – hide and show textbox based on the dropdown list selection in PowerApps

In the below demo, we will show how to hide and show textboxes based on the dropdown list selection in PowerApps.

PowerApps hide show fields - Hide and show textbox based on the dropdown list selection in PowerApps - demo
Hide and show textbox based on the dropdown list selection in PowerApps – demo

On the screen the other currency label and textbox are shown when the currency is selected as “Other” from the currency selection dropdown list otherwise this textbox and label will be hidden.

On the next demo, select the currency as “INR”, then immediately we can see that the corresponding other currency label and textbox are hidden automatically.

PowerApps hide show fields - Conditionally display textbox and label in PowerApps
Conditionally display textbox and label in PowerApps

Now, let’s go to the technical implementation, and how this is done.

Display textbox control based on the selection dropdown list in PowerApps

Select the other currency textbox control.

On the “Visible” property of the textbox control write the below condition:

If(ddlCurrency_1.SelectedText.Value="Other",true,false)
PowerApps hide show fields - Display textbox control based on the dropdown list selection in PowerApps
Display textbox control based on the dropdown list selection in PowerApps

Note:

  • In the above condition, we are just saying if the dropdown list selected value is other, then display this textbox otherwise hide it.

Follow the same technique for the label control to hide and show conditionally.

Display label control based on the dropdown list selection in PowerApps

As with textbox control, select the label control and on the “visible” property write the below condition:

If(ddlCurrency_1.SelectedText.Value="Other",true,false)
PowerApps hide show fields - Display label control based on the dropdown list selection in PowerApps
Display label control based on the dropdown list selection in PowerApps

Summary: What do we have here (PowerApps show hide fields)?

Thus, in this article, we have learned how to hide and show textbox control in PowerApps based on the selection in the dropdown list conditionally.

See Also: PowerApps Tutorial

You may also like the below PowerApps articles:

Buy SharePoint Online eBook

Buy the premium version of SharePoint Online & Office 365 administration eBook from here:


Buy SharePoint Online & Office 365 Administration eBook

 

About Post Author

1 comments on “PowerApps show hide fields conditionally based on dropdown selection – O365”

Do you have a better solution or question on this topic? Please leave a comment