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

PowerApps hide show fields

One comment

 4,241 total views,  5 views today

Conditionally show or hide columns ...
Conditionally show or hide columns in a SharePoint Online

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.

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?

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 hide show fields

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

 

 

 

 

About Post Author

1 comments on “PowerApps hide show fields”

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