Power Apps Visible if Checkbox is Checked

by

Do you want to show or hide controls based on the checkbox checked value in PowerApps? In this PowerApps tutorial, I will explain two different examples: “Power Apps visible if checkbox is checked.“

PowerApps Visible if Checkbox is Checked

Here, we will discuss the Power Apps visible if the checkbox is checked with two different scenarios:

Scenario-1: (Show or Hide label control using checkbox checked)

In this example, I will show you how to show or hide a label control based on a checkbox checked value in a Power Apps canvas app.

In Power Apps, there is a Checkbox control and a Text label control. When the user checks the Power Apps Checkbox, the Text label text will be visible, or else it will be in disable mode as in the screenshot below.

PowerApps Visible if the Checkbox is Checked

To work around this, follow the below-mentioned steps. Such as:

1. On the Power Apps Screen -> Insert a Checkbox control and set its Text property as:

Text = "Select Online Payment"
PowerApps Visible if Checkbox is Checked

2. Then, insert a Text label and set its Text property to the code below.

Text = "Thanks for Choosing Online Payment"
PowerApps Visible if the Check box is Checked

3. Now, select the Text label and set its Visible property to the code below.

Visible = If(
    chk_Selected.Value = true,
    true
)

Where,

  • If() = This Power Apps If() function is used to evaluate the unrelated conditions
  • chk_Selected = Power Apps Checkbox Name
Power Apps Visible if the Check box is Checked

4. Save, Publish, and Preview the app. Whenever the user checks the Power Apps Checkbox, the Text label text will be visible, or else it will be in disable mode, as shown below.

Power Apps visible if the checkbox is checked

Scenario-2: Show or Hide checkbox control based on checkbox value

In this example, I will show you how to show or hide a checkbox control based on a Power Apps checkbox checked or unchecked value. Using this example, you can show or hide any Power Apps control.

In Power Apps, there are two Checkbox controls, i.e., [Select Online Payment and Select Offline Payment]. Whenever the user selects one checkbox value, the other checkbox control will be disabled mode as shown below.

Power Apps Visible if Checkbox is Checked

To do so, follow the below-mentioned steps. Such as:

1. On the Power Apps Screen -> Insert two Checkbox controls and set its Text property to the code below.

Text = "Select Online Payment"
Text = "Select Offline Payment"
Power Apps Visible if the Checkbox is Checked

2. Then, select the second checkbox control [Select Offline Payment] and set its Visible property to the code below.

Visible = If(
    chk_Selected.Value = false,
    true
)

Where,

  • chk_Selected = Power Apps First Checkbox Name
PowerApps Visible if the Checkbox is Checked

3. Similarly, select the first checkbox control [Select Online Payment] and set its Visible property to the code below.

Visible = If(
    chk_SelectedValue.Value = false,
    true
)

Where,

  • chk_SelectedValue = Power Apps Second Checkbox Name
PowerApps Visible if Checkbox Control is Checked

4. Save, Publish, and Preview the app. When the user selects one checkbox value, the other checkbox control will be disabled mode as in the screenshot below.

Power Apps Visible if Checkbox Control is Checked

This is all about the Power Apps visible if the checkbox is checked.

Conclusion

I trust this Power Apps tutorial taught in detail information about the Power Apps visible if the checkbox is checked with two different examples.

Here, I have explained how to show or hide any control based on a checkbox checked value in a Power Apps canvas app.

You may also like:

>