Dynamically Show/Hide Label Text on Dropdown Change in Power Apps

Power App


In the realm of app development, interactivity is key. Being able to dynamically show or hide elements based on user actions can greatly enhance the user experience. Power Apps, a low-code development platform by Microsoft, empowers users to create custom apps without the need for extensive coding knowledge. One common requirement in app development is the ability to show or hide a text box based on the selection made in a dropdown control. In this article, we'll delve into how to achieve this functionality step by step.

Step-by-Step Guide

  1. Open Power Apps: Launch the Power Apps platform.
    Power Apps platform
  2. Click on the "Create" Button: Locate and click on the "Create" button to start a new app creation process.
    Create button
  3. Click on "Blank App": From the options presented, select "Blank app" to start with a clean slate.
  4. Select "Blank Tablet App": Since we are creating an app for tablet devices, choose the "Blank tablet app" option.
    Blank Tablet App
  5. Provide a Name for Your App: Enter a descriptive name for your app, something that reflects its purpose or functionality.
  6. Click on "Create" to Proceed: Once you've entered the app name, click on the "Create" button to initiate the app creation process.

Now that we've set up our Power App environment, let's proceed with implementing the functionality to show/hide a text box based on the selection in a dropdown control.

Power App environment

  1. Add a Dropdown Control: Drag and drop a dropdown control onto your app canvas from the left-hand menu.
    Dropdown Control
    Show label
  2. Add Options: Add desired options.
    Add Options
    Sky color
  3. Add a Text Label Box Control: Similarly, add a text box control onto the canvas.
    Text Label Box Control
  4. Set the visible Property of the Label Control: Select the Label control and simply select a visible property from the left property panel.
    Set the visible Property
  5. Add Formula to Show/Hide Text Box: In the formula editor, enter the formula to show/hide the label based on the dropdown selection. For example.


if (Dropdown1.Selected.Value == "Show Label")
    return true;
    return false;
  1. Set the Visible Property of the Text Box: Select the text box control, navigate to its properties, and find the "Visible" property. Set it to the variable Text label Visible that we defined in the formula.
    Visible property
    Sky color blue
    Hide label
  2. Beautify your app: This can be achieved by inserting a rectangle element with a background color, along with the specified text, as illustrated in the preceding snapshot.
    Beautify your app
  3. Test Your App: Save your changes and test your app to ensure that the text box is shown or hidden based on the selection in the dropdown control.


In this article, we explored how to dynamically show or hide a text box based on the selection in a dropdown control using Power Apps. By leveraging the platform's intuitive interface and formula capabilities, we were able to implement this functionality seamlessly. Incorporating such interactive features not only enhances the user experience but also adds depth and flexibility to your Power Apps creations. With this newfound knowledge, you can now confidently create dynamic and responsive apps tailored to your specific requirements.

Similar Articles