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

PowerApps hide show fields

No comments

 329 total views,  7 views today

In this PowerApps Tutorial (PowerApps hide show fields), 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 textbox based on the dropdown list selection in PowerApps.

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.

Conditionally display textbox and label in PowerApps
Conditionally display textbox and label in PowerApps

Now, let’s go to the technical implementation, 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)
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)
Display label control based on the dropdown list selection in PowerApps
Display label control based on the dropdown list selection in PowerApps

Summary: What we had here?

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

You may also like the below PowerApps articles:

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


Buy SharePoint Online & Office 365 Administration eBook