How to Set Dropdown Value on Button Click in Power Apps?

In this Power Apps tutorial explains, how to set a dropdown value on a button click in Power Apps. I will show you, how to change the Power Apps dropdown value by clicking on a button click.

Set Dropdown Value on Button Click in Power Apps

I will show you how to set the dropdown value on a button click in Power Apps.

Example 1:

I have created a Power Apps Canvas app and then added a Slider Control, Button Control, and a Dropdown control. The Power Apps dropdown control contains the “Project Status” values that I have added manually.

Next, Whenever the user adjusts the slider and clicks on a button control. The dropdown items will be updated based on the slider control value.

Set the Power Apps dropdown value on a button click

Follow the below steps to achieve this:

Step 1:  [Insert a Slider control]

  • On the Power Apps screen, insert a Slider control.
How to set Power Apps dropdown value on button click

Step 2: [Insert a Dropdown control and add the items manually]

  • Insert a Dropdown control -> Set its Items property to:
["Completed" , "In progress", "Not Started"]
Set dropdown value on a button click in Power Apps

Step 3: [Insert a button control and create a variable to set a dropdown value]

  • Insert a Button control -> Set its OnSelect property to:
If(
    sld_ProjectCompletion.Value = 100,
    UpdateContext({varSetDrp: {Value: "Completed"}});
    Reset(drp_ProjectStatus),
    sld_ProjectCompletion.Value < 2,
    UpdateContext({varSetDrp: {Value: "Not Started"}});
    Reset(drp_ProjectStatus),
    sld_ProjectCompletion.Value < 100,
    UpdateContext({varSetDrp: {Value: "In progress"}});
    Reset(drp_ProjectStatus)
)

Where,

  1. sld_ProjectCompletion = Slider Control name
  2. varSetDrp = Provide the variable name
  3. Completed, Not Started, In progress = Dropdown values
  4. drp_ProjectStatus = Dropdown control name
Power Apps set dropdown value based on a button click

Step 4: [On the dropdown control, assign a variable to set a dropdown value]

  • Select a Dropdown control -> Set its Default property to:
varSetDrp.Value

Where,

  1. varSetDrp = Assign the variable name here
Update the Power Apps dropdown value on button click
  • SavePublish, and Preview the app, when a user adjusts the slider control and clicks on a button control. The dropdown will automatically select an item based on the slider value.
How to update Power Apps dropdown value on a button click

This is how to set a dropdown value on a button a click in Power Apps.

Example 2,

I have a SharePoint Online list [Recruitment Tracker], that has different columns like:

Column NameData Type
Candidate NameTitle
PositionChoice [“Project manager”,” User Researcher”, “Designer”, “Account Manager]
ProgressChoice [“Active”, “On hold”, “Offer sent”, “New Application”, “Top pick”]
Application DateDate and time
Interview DateDate and time
Power Apps set the dropdown value on a button click

I have created a Power Apps Canvas app and then added a Dropdown control and a Button control. The dropdown control contains all the values from the SharePoint list choice column. When a user clicks the button control [Change Progress To Active], the dropdown value should be updated to Active.

Power Apps set dropdown value on a button click

Let’s see how to achieve this:

  • On the Power Apps screen, insert a Button control and set its OnSelect property to:
Set(
    varDropDownDefault,
    "Active"
);

Where,

  1. varDropDownDefault = Variable name
  2. Active = SharePoint List Choice column value
Set the dropdown value on a button click in Power Apps
  • Above button control, insert a Dropdown control -> Set all the below properties of this dropdown as:
Items = Distinct(
    'Recruitment Tracker',
    Progress.Value
)

Default = varDropDownDefault

OnChange = Set(
    varDropDownDefault,
    Self.Selected.Value
)
How to change the dropdown value on a button click in Power Apps
  • Save, Publish, and Preview the app. Click on the button control, then by default dropdown item will be selected as “Active”.
Set Power Apps dropdown value based on button click

This is how we can update a dropdown value on a button click in Power Apps.

Conclusion

This Microsoft Power Apps tutorial taught us all about “How to set the dropdown value on a button click in Power Apps.”

You may like: