Power Apps Button Control

Do you want to work with button control in Power Apps? Please check out this detailed guide to get all the ideas about Power Apps button control.

Like what is the button input, How to add a button in the PowerApps app, Where we can use this button control, and many more? For all the button-related details, go through this article where you can learn lots of things.

We will cover all these below topics:

  • PowerApps button control
  • PowerApps button properties
  • PowerApps button onselect
  • PowerApps button add item to sharepoint list
  • PowerApps button open url or powerapps button as link
  • PowerApps button shape
  • PowerApps hide button based on user
  • PowerApps button disable
  • PowerApps button style
  • PowerApps button create new record
  • PowerApps login button
  • powerapps button change color when selected
  • powerapps button conditional visibility
  • powerapps button download file
  • powerapps button email
  • powerapps button filter gallery
  • powerapps button hover
  • powerapps button patch
  • powerapps button image
  • powerapps button if statement
  • powerapps button mailto
  • powerapps button refresh data source
  • powerapps button update sharepoint list
  • powerapps button update item
  • powerapps radio button value
  • powerapps disable button when pressed

Are you new to Power Apps? Check out an article on Create a canvas app from Excel in PowerApps (Step by Step tutorial).

PowerApps button control

PowerApps Button control is a type of input control where a user can tap onto it to interact with the app. That means, a user will click on the button and then something there will happen in the app.

PowerApps button properties

There are some important key properties of the button input control. Such as:

  1. Text = When the PowerApps user clicks the button, it helps to display the text that appears on a control.
  2. OnSelect = When the PowerApps user clicks the button, it specifies how the app responds.
  3. BorderColor = It defines the color of the control’s border.
  4. Color = It specifies the text control in a control.
  5. DisplayMode = It specifies whether the control allows user input (Edit), View, or is disabled.
  6. Fill = It defines the background color of a control.
  7. HoverColor = It defines the color of the text in a control when the user keeps the mouse pointer on it.
  8. HoverFill = It defines the background color of a control when the user keeps the mouse pointer on it.
  9. HoverBorderColor = It specifies the color of a control’s border when the user keeps the mouse pointer on that control.
  10. PaddingBottom = It specifies the distance between text in a control and the bottom edge of that control.
  11. PaddingLeft = It defines the distance between text in a control and the left edge of that control.
  12. PaddingRight = It represents the distance between text in a control and the right edge of that control.
  13. PaddingTop = It defines the distance between text in a control and the top edge of that control.
  14. Pressed = When the button is pressed, the value will be true otherwise it will be false.
  15. PressedColor = When the user clicks the button input, then the text color will change.
  16. PressedFill = When the user clicks the button input, then the background color will change.
  17. Size = Specifies the font size of the text that appears on the control.
  18. Visible = It specifies whether the control appears or is hidden.
  19. Width = The distance between a control’s left and right edges.

PowerApps button onselect

To learn all the details about PowerApps Button onselect function, you can refer to the below tutorial link that I have uploaded in my site previously:

PowerApps button add item to sharepoint list

Do you want to save data or items to a SharePoint Online list using the Power Apps button? There is already an article that I have written on this site, you can refer through the below link:

PowerApps button open url or Power Apps button as link

  • Here both the PowerApps button open url and PowerApps button as link are same thing. For both, We will do the same thing.
  • To workaround with URL, We will use the PowerApps Launch function. Below represents the syntax of the launch function:
Launch ("SiteURL")

Where,

  1. Launch = It helps to navigate and open the url in a new tab
  2. SiteURL = Provide the website that you want to navigate. Always the URL should be present within the inverted comma (” “)
  • Lets take an example. Suppose there is a button in the app. A user wants to open a site whenever he or she will tap on the button.
  • To do so, Select the Button and write the below formula on its OnSelect property as:
OnSelect = Launch("https://www.spguides.com/")
PowerApps button open url
Power Apps Button

Launch URL by clicking on an image

  • Here we can see how to launch the URL by clicking on an PowerApps image control.
  • In the below screen, there is an image control. I would like to navigate the url whenever a user will click on the image.
  • In this case also, we will do the same thing. Select the image control and apply the below code on its OnSelect property as:
OnSelect = Launch("https://www.tsinfotechnologies.com/")
Power Apps button as link
Power Apps button as link
  • At last, Save and Preview the app. Once you will tap on the image, then the provided site will appear in the new tab.

PowerApps button shape

  • In some cases what would you like to do is, you want to make some design to a PowerApps Button. Make a design in the sense you need to provide the shape to a button control.
  • In PowerApps, bydefault all the buttons are appearing with slightly rounded edges or corners. Suppose, you want to change the button look to either square or a circular shape.
  • To achieve the square or circular button, you can use the border radius property of the button control.

PowerApps Square Button

  • The below screenshot represents the difference between a simple button (that looks like it while adding to the app) and a Square button (after providing the square shape).
PowerApps button shape
PowerApps button shape
  • To do so, Select the Button -> Go to the Properties pane -> Make the Border radius value to 0 as shown below. When a user adding a button in the app, by default, the radius value will be 10.
PowerApps button shapes
Power Apps button shape

PowerApps Circular Button

  • The below screenshot represents the difference between a simple button (that looks like it while adding to the app) and a Circular button (after providing the circle shape).
Power Apps button shape
Power Apps Circular Button
  • To do so, Select the Button -> Go to the Properties pane -> Make the Border radius value to 100 as shown below. Also, make sure the Width and Height property of the button control should be the same size (as I mentioned the size is 200)
PowerApps Circular Button
Power Apps Circular Button

PowerApps hide button based on user

Do you want to show or hide the PowerApps button control based on the user’s email address? You can take a try by using the below scenario.

  • There is a SharePoint List named PowerApps Email. This list contains a column called User Name (with Person Data type).
  • Also, there are some entries having with a few email addresses (or user names) as like the below screenshot.
  • On the app, there will be a Button named APPROVE. Next what I would like to do is, I want the button to only be visible to people in the list. Those user are not present in the SharePoint list, then the button will invisible to them only.
PowerApps hide button based on user
  • To workaround with this, We will create a Power Apps Collection and use the collection to get the users from SharePoint list. At first, apply the below code on App’s OnStart propert as:
OnStart = Collect(
    SPListEmail,
    'PowerApps Email'
);
Set(
    currentUser,
    User()
);
Set(
    varEmail,
    LookUp(
        SPListEmail,
        'User Name'.Email = currentUser.Email,
        'User Name'
    )
)

Where,

  1. SPListEmail = Collection name
  2. ‘PowerApps Email’ = SharePoint List name where all the user availables
  3. currentUser = Specify the name of a global variable
  4. varEmail = This is also a variable name
  5. ‘User Name’.Email = Here, the User Name represents the SharePoint person field. Thats why we need to put the column name with .Email value.
Power Apps hide button based on user
PowerApps hide button based on user
  • Then, select the button control from the screen and apply the below formula on its Visible property as:
Visible = If(
    IsBlank(varEmail),
    false,
    true
)

Where,

varEmail = Variable name that we have already created

PowerApps hide a button based on user
Hide button based on user in Power Apps
  • Now Save and Publish the app. Once you will open the app with the user that is present in the SharePoint List, then you can see the button is visible to that particular user. When you will open the same app with the user that is not avaiable in the list, then that specific user can not able to see the approve button.

PowerApps button disable

In this topic, By using some different scenarios, We will see how to work with the PowerApps button disable.

Example – 1:

  • On the PowerApps screen, I have a Button input named Hit Me. Now I would like to make a button become disabled after it’s been pressed once. Refer to the below screenshot.
PowerApps button disable
Disable button in Power Apps
  • To achieve this, Select the Button control and apply the below formula on its OnSelect property as:
OnSelect = UpdateContext ({ButtonDisplayMode: DisplayMode.Disabled})

Where,

ButtonDisplayMode = Context Variable name

Power Apps button disable
  • Next, go to the DisplayMode property of the button and apply the variable name that you have created.
DispayMode = ButtonDisplayMode
button disable in PowerApps
How to disable button in Power Apps
  • Save and Publish the app. When you will press or click on the button, it will get disable.

Example – 2:

  • In this scenario, there is a PowerApps Combo box control, a Label control and a button input.
  • Here what I would like to do is, When the button is pressed when there is no value in the combo box control, then the warning message appears and the button is still disabled.
  • If the user will select any value in the combo box, then only the button will enable and ready to clickable.
button disable in Power Apps
Disable button in PowerApps
  • To workaround with this, Select the Label and apply the below code on its Visible property as:
Visible = IsBlank(ComboBox1.Selected)

Where,

ComboBox1 = Combo box control name

disable button in PowerApps
Power Apps disable button example
  • Next, Select the Next button and set its DisplayMode property as:
DisplayMode = If(
    IsBlank(ComboBox1.Selected),
    DisplayMode.Disabled,
    DisplayMode.Edit
)
disable a button in PowerApps
disable a button in PowerApps
  • At last, Save and Preview the app. When you will not select any option in the combo box, then you will see a warning message and the button will disable mode.
  • When you will select any option from the combo box, then the button will enable and ready to press.

PowerApps button style

  • Suppose as like the below screenshot, you want to design the PowerApps button with a shadow on that. Whenever you are looking on it, you may think its very difficult to achieve that. But its very much pretty and simple to do.
  • As we know, to provide some various styles to the button, we can use some of the button properties like Fill, Color, BorderColor, HoverFill, HoverColor, etc.
  • Rather than this, also we can use the HTML and CSS to satisfy your desires. To write the HTML and CSS code, we can use a HTML text input control.
PowerApps button style
PowerApps button style
  • On the screen, Insert a HTML text control and apply the below code on its HtmlText property as:
HtmlText = "<div style='background-color: rgba(0,0,0,0); box-shadow: 1px 2px 22px 0px rgba(89,87,87,0.85); margin: 20px; width: 195px; height: 190px; border-radius: 30px'></div>"

You can provide the height and width size as per your need.

Power Apps button style
  • Next, add a button control and fit it properly inside the html input control. You need to fit (according to the height and width of the html text input) the button size inside the html text input as shown below. So that it should look like as a shadow.
PowerApps button styles

This is how to work with the PowerApps button style.

PowerApps button create new record

In PowerApps, Do you want to create a new item or record on the button click and that record will save into a SharePoint List? Do not hesitate, go through the below scenario.

  • I have a SharePoint List named Book Details. This list has three columns as:
  1. Title = By default this is a Single line of text. Just I renamed it to Book Name.
  2. Book Info = This is a Yes No type of field.
  3. Book Price = This is a Currency data type of field.
PowerApps button create new record
  • On the app, Insert a Button and apply the below code on its OnSelect property as:
OnSelect = Patch(
    'Book Details',
    Defaults('Book Details'),
    {
        Title: "Power Automate",
        'Book Info': true,
        'Book Price': 1500
    }
)

Where,

  1. “Power Automate” = Specify the title or the book name that you want to create in the list.
  2. true = As the book info column is a Yes No data type, so you need to specify the boolean value as true or false.
  3. 1500 = As the Book Price is a Currency data type, So you need to mention a number value as shown below.
Power Apps button create new record
Create a new record on Power Apps button click
  • Now save and preview the app. Then tap on the button to create the new record. When you will open the SharePoint list, you can see the new record has been created in it.
PowerApps button create a new record
How to create a new record on Power Apps button click

This is how we can create a new record using the PowerApps button control.

PowerApps login button

Do you want to create a login screen or a Login page or a Login button in PowerApps? If yes, then please check out the below tutorial that is purely based on the PowerApps login.

PowerApps button change color when selected

In PowerApps, Do you want to turn a button into a different color when it is pressed?

  • In this scenario, I have a Button control and I would like to do a toggle in between true and false. Also, it will change the color to indicate that when it will be pressed by the user.
  • In the button control, there are two properties called PressedColor (for the font color) and PressedFill (for the background color).
  • If you want to change the color of the button while it’s pressed, then in that case you can use those two properties of the button control.
  • Suppose you want to use the button as a toggle, so that when a user will press on it, it will change the color of either the button itself or another control i.e. Text input control. Refer to the below screenshot.
PowerApps button change color when selected
Change button color when selected in Power Apps
  • To achieve this, We can use a Context variable on the OnSelect property of the button control.
  • You can try these below formulas on both of the control (Button and Text input) properties:
Button.OnSelect = UpdateContext({ toggleValue: !toggleValue })
Button.Color = If(toggleValue, Color.White, Color.GreenYellow)
Button.Fill = If(toggleValue, Color.Blue, Color.Brown)
TextBox.Color = If(toggleValue, Color.Black, Color.White)
TextBox.Fill = If(toggleValue, Color.White, Color.Black)
  • Once you will apply all the above formulas, save and preview the app. When you will press on the button, then the text field color will change including the button press color, button text color etc.

PowerApps button conditional visibility

Here we will discuss what is button conditional visibility and how it works in PowerApps.

  • In this scenario, I have a gallery control i.e. “Gallery1” that I would like to toggle visibility on and off based on a user clicking a button control.
  • Here, the gallery1 would be invisible by default. However, if a user will click to button, then the gallery would appear. On the second click of the button, it would disappear.
  • To workaround with this, follow these below simple steps:

Step – 1:

At first, Apply the below formula on Screen’s (where the gallery is present) OnVisible property:

OnVisible = UpdateContext ({vargallery: false})

Where,

vargallery = Context variable name. You can specify any name instead of varGallery

PowerApps button conditional visibility

The above code specifies when you will navigate the screen, it will force the gallery to be invisible.

Step – 2:

Next, Select the gallery control and set its Visible property to the created variable as:

Visible = vargallery
Power Apps button conditional visibility
PowerApps button conditional visibility

Step – 3:

At last, select the Button (Click to Open Gallery) and set the below formula on its OnSelect property as:

OnSelect = UpdateContext ({vargallery: !vargallery})
button conditional visibility in PowerApps
PowerApps button conditional visibility example

Once everything is done, just save and preview the app. When you will tap on the button, then the gallery will be visible. Again when you will click the button, then the gallery will be invisible.

PowerApps button download file

In this topic, We will see how we can download a file from SharePoint in PowerApps.

  • The Download function downloads a file from the web to the local device.
  • The user is prompted for a location to save the file. Download returns the location where the file was stored locally as a string.
  • I have a SharePoint Document Library named TSInfo Documents. In this library, there are some different types of files like .docx, .xlsx, .pdf etc.
  • As there is no direct way to download the files directly by clicking the Download button. This is the alternative solution where it will go to the direct library where the file is present and you can download it from there.
  • To achieve this, you can follow the below link to download directly.
Download("https://<site URL>/_layouts/download.aspx?SourceUrl=/sites/sitename/libraryname/filename.pdf"
  • In my case, I have used the below code on Button’s OnSelect property as:
OnSelect = Download("https://tsinfo.sharepoint.com/sites/PowerApps/TSInfoDocuments/Forms/AllItems.aspx/_layouts/download.aspx?SourceUrl=/sites/PowerApps/TSInfoDocuments/PowerBI.pdf")
PowerApps button download file
Download file on Power Apps button click
  • Save and Preview the app. When you will click on the Download button, it will directly go to the SharePoint Library where the file is located.
  • To know more details about the PowerApps Download function, you can refer to the below msdn:

PowerApps button email

Do you want to send the email on a button click or a button press in Power Apps? There is already a post that is purely based on the PowerApps button email.

In this post, you can learn various things like how to send an email with a link in PowerApps, how to add cc, bcc in email in PowerApps, How we can send email to multiple recipients in PowerApps, etc. Follow the below link:

PowerApps button filter gallery

What is a PowerApps button filter gallery and how we can use it in PowerApps? To know all the details, check out the below example.

  • In this scenario, I would like to filter the gallery items based on an output of a Label when you will click a button.
  • In the below screen, you can see there is a Text input control, a Button control, and a PowerApps Gallery control. The text control will help you to enter the text that you want to filter. Where as the button helps to click to filter the item and the gallery will help you to display all the filter record details.
  • Here normally what happens is, the user will type or enter the value in the text control. When the user will tap on the button, then the gallery will filter with the specified label value and it will display all the record details.
  • For example, In the text input, I have entered a value as “PowerApps” and then I pressed on the Filter button. Once I pressed on it, the gallery appeared with the filtered results as shown below.
PowerApps button filter gallery
PowerApps button filter gallery
  • To work out with this requirement, set the below formula on Screen’s OnVisible property as:
OnVisible = ClearCollect(
    DataCollection,
    'SharePoint Training Course'
)

Where,

  1. DataCollection = Collection name
  2. ‘SharePoint Training Course’ = SharePoint List name
Power Apps button filter gallery
Power Apps button filter gallery
  • Next, select the gallery and set its Items property to the created collection name i.e.
Items = DataCollection
button filter gallery in PowerApps
PowerApps button filter gallery example
  • At last, Select the Filter button and apply the below formula on its OnSelect property:
OnSelect = ClearCollect(
  DataCollection,
  Filter(DataCollection, Title = TextInput2.Text)
)

Where,

  1. Title = Specify the SharePoint column that you want to search in the text input control
  2. TextInput2 = Text input control name
powerapps filter gallery using button
How to filter Power Apps gallery on button click

Now you can perform the operation as per your need once you will save and preview the app.

PowerApps button hover

In the PowerApps Button control, there are some hover properties that you can use for the button hover. Below represents the button hover properties:

  1. HoverBorderColor = It defines the color of a control’s border when the user keeps the mouse pointer on that control.
  2. HoverColor = It specifies the color of the text in a control when the user keeps the mouse pointer on it.
  3. HoverFill = It specifies the background color of a control when the user keeps the mouse pointer on it.

PowerApps button patch

  • Do you need to update the SharePoint List Item on button click using the PowerApps Patch function? Do not hesitate. I have already posted a tutorial in my site that is purely based on the PowerApps Patch function.
  • For this PowerApps Button patch, you can refer to the below tutorial:

PowerApps update SharePoint List Item on button click

PowerApps button image

Have you ever imagine that how we can add an image to the Power Apps button control? Yes, we can do it very easily. Check out the below PowerApps tutorial to get some ideas:

PowerApps add image to button

PowerApps button if statement

If you are new to PowerApps, then you may confuse that how to use the PowerApps If statement in a button control.

PowerApps button if statement

PowerApps button mailto

Do you know what is the PowerApps mailto in the button control and how to use it in the app? Follow the below simple scenario.

  • In the below screen, you can see there are three Text box controls and one is a Button control. The three text box control will help the user to enter the Mail Recipient name, name of the subject, and the Email Body.
  • When the user will enter all the Email details and click on the Send button, then the specified recipient or reciever will get the email.
PowerApps button mailto
PowerApps button mailto
  • To achieve this, We can do it by calling the Launch function from Power Apps, and constructing a URL that follows the “mailto:” convention.
  • Below represents the PowerApps mailto: format that you can use it in the app:
mailto:recipientaddress@email.com?subject=EmailSubject&body=EmailBody
  • Similarly, apply the below formula on the Send button’s OnSelect property as:
OnSelect = Launch("mailto:" & txtTo.Text & "?subject=" & EncodeUrl(txtSubject.Text) & "&body=" & EncodeUrl(txtBody.Text))

Where,

  1. txtTo = This is the text input control where you can provide the email recipient name
  2. txtSubject = This specifies a text input control where you can enter the subject line for email
  3. txtBody = This specifies a text input control where you can provide the body of the email
  • Here the important part is to call the EncodeURL function to escape any special characters. EncodeURL will also correctly replace space characters with the %20 escape sequence.
Power Apps button mailto
PowerApps button mailto example
  • Now save and preview the app. Enter the email details in each field and then tap on the Send button.
  • When the user taps on the button, then the Microsoft Outlook (or any other registered email like Gmail) will open and display the new email message with the To, Subject, and Email Body field populated.
  • Also, the user can edit the mail further, before manually sending it. The recipient will get the email as like the below screenshot.
PowerApps button mailto function

This is how we can use the PowerApps button mailto.

PowerApps button refresh data source

  • Suppose you want to refresh the data source and that should be by using a PowerApps Button control. That means, When a user will hit the button, then data source will refresh. There are some below approaches that you can follow to achieve it.

Approach – 1:

  • I have set up a button to refresh two data sources in a gallery of a canvas app. One data source updates a table, and the other updates a chart.
  • Now I would like to refresh both the PowerApps Data sources at a time using a button control. To do so, you can use the below code on Button’s OnSelect property as:
OnSelect = Refresh(DataSource1); Refresh(DataSource2)

Approach – 2:

  • This is the another approach where you can use the Refresh function to refresh the PowerApps Data source.
  • The PowerApps Refresh function helps to retrieve the fresh copy of the data source.
  • Below represents the syntax that you can use:
Refresh(NameOfDataSource)
  • In PowerApps, you can apply the below code on Screen’s OnVisible property as:
OnVisible = Refresh(SharePointListName)
  • Once you will apply the formula, just save, publish, and close the app. When you will reopen the app again, you can see the data source has refreshed.

PowerApps button update sharepoint list

In case you want to update the SharePoint List value when the user will click on the PowerApps Button control, then you can refer to the below scenario.

  • There are two different approaches to update the column in SharePoint List. The first approach you can take for the Single line of text data type and the other one for the Choice field data type in SharePoint List.
  1. PowerApps Button update SharePoint Single line of text column:
  • Below represents a SharePoint List named Project Details. This list has a Single line text column i.e. Status.
  • Here I would like to update this status field as Rejected depends on the Title column. That means, in the app, I will provide the Title value and once I will click on the Submit button (in the Edit form), then the status field will update as Rejected of that specific title.
PowerApps button update sharepoint list
  • In the app, I have an Edit form where the data source has connected to the specific SharePoint List (Project Details).
  • Also, the form has a Button input (Submit) that will help to user update the status value in SharePoint list.
Power Apps button update sharepoint list
Update sharepoint list on Power Apps button click
  • To achieve this, apply the below formula on submit button’s OnSelect property as:
OnSelect = Patch(
    'Project Details',
    First(
        Filter(
            'Project Details',
            Title = DataCardValue1.Text
        )
    ),
    {Status: "Rejected"}
)

Where,

  1. Title = SharePoint Single line of text column
  2. DataCardValue1 = Specify the title data card value i.e. present in the edit form
  3. Status = Specify the SharePoint Single line column where you need to update the value
  4. “Rejected” = Provide the option that you want to update in the status field
PowerApps button update in sharepoint list
How to Update sharepoint list on Power Apps button click
  • Now save and preview the app. Specify the SharePoint Title value (in the Title field of the form) that you want to update and then tap on the Submit button. Here the Title value should match with the SharePoint Title field value.
  • Next, go to the SharePoint List, then you can view the specific item’s Status value has been updated to Rejected.

2. PowerApps Button update SharePoint Choice column:

To update the SharePoint Choice column using PowerApps Button control, you can follow the below link:

PowerApps Button update SharePoint Choice column

PowerApps button update item

Do you want to update the Gallery item using a button input in PowerApps? Check out the below formulas that you can use in the app.

  • In this scenario also, it is based upon the SharePoint Single line column and as well as the Choice column. Here, I have taken the same list (Poject Details) to update the field values (Status) using the button control.
  • In the below screen, you can see the Status field has been updated as Pending. You can follow the below things that how I did it actually.
PowerApps button update item
  • In the app, there is a Power Apps Gallery control where the data source is connected to the specific SharePoint list. Here I would like to update an item using the “Pending” button.
  • When I will click on the pending button of the gallery item (Sample Project), then the item value will update to Pending in the SharePoint List.
Power Apps button update item

PowerApps button update item (For Single line of Text Data type column):

To do so, select the Pending button and apply the below code on its OnSelect property as:

OnSelect = Patch(
    'Project Details',
    ThisItem,
    {Status: "Pending"}
)

Where,

  1. Status = SharePoint single line text column
  2. “Pending” = Provide the option or value that you want to update in the SharePoint list item(s)
PowerApps button update items
Update SharePoint list items on Power Apps button click
  • Now save and preview the app. Tap the Pending button of an item(s) that you want to update in the SharePoint list.
  • Next, when you will go to the existing list, then you can see the specific item has been updated with the Pending value.

PowerApps button update item (For Choice Column):

  • So what will happen is, When the user will tap on the Pending button from the gallery control, then the value will update in a SharePoint Choice field.
  • Here in the below screenshot, Project Status is a Choice field where the value will update as Pending.
PowerApps button update items in SharePoint list
How to Update items in SharePoint list on Power Apps button click
  • To achieve this, Select the Pending button and apply the below code on its OnSelect property as:
OnSelect = Patch(
    'Project Details',
    ThisItem,
    {
        ProjectStatus: {
            Value: "Pending",
            '@odata.type': "#Microsoft.Azure.Connectors.SharePoint.SPListExpandedReference"
        }
    }
)

Where,

  1. ProjectStatus = SharePoint Choice field name
  2. “Pending” = Provide the option or value that you want to update in the SharePoint list item(s)
Power Apps button update items in SharePoint list
Update items in SharePoint list on Power Apps button click
  • Now save and preview the app. Tap the Pending button of an item(s) that you want to update in the SharePoint list.
  • Next, when you will go to the existing list, then you can see the specific item has been updated with the Pending value.

This is how we can update the SharePoint list item using the PowerApps button control.

PowerApps radio button value

To learn all the details about what is PowerApps Radio button is, what are the properties, and how you can use it in an easy way, please check out the below PowerApps tutorial:

Microsoft PowerApps Radio Button Example

PowerApps disable button when pressed

Suppose you want to disable a button when a PowerApps user clicks on it. Follow the below scenario.

PowerApps disable button when pressed
Disable Power Apps button when pressed
  • On the PowerApps screen, I have a Button input named Click and Disable. Now I want to disable this button when a user pressed on it.
  • Select the Button and apply this below code on its OnSelect property as:
OnSelect = UpdateContext ({DisableButton: DisplayMode.Disabled})

Where,

  1. DisableButton = Variable name
  2. DisplayMode.Disabled = This is the Button’s Display mode property where I have specified it to disable mode
Power Apps disable button when pressed
Disable PowerApps button when pressed
  • Again go to the DisplayMode property of the button input control and set this below code:
DisplayMode = DisableButton
PowerApps disable a button when pressed
How to disable PowerApps button when pressed
  • Now Save and Publish the app. Reopen the app again and press the button input. Once you will press it, then the button will disable as shown in the below screenshot. (Please make a note that, this will work only one time in the app. That means the user can only press the button for one time).

Also, you may like these below PowerApps Tutorials:

In this Power Apps tutorial, We learned all the details about PowerApps Button control. Also, we covered all the below topics:

  • PowerApps button control
  • PowerApps button properties
  • PowerApps button onselect
  • PowerApps button add item to sharepoint list
  • PowerApps button open url or powerapps button as link
  • PowerApps button shape
  • PowerApps hide button based on user
  • PowerApps button disable
  • PowerApps button style
  • PowerApps button create new record
  • PowerApps login button
  • powerapps button change color when selected
  • powerapps button conditional visibility
  • powerapps button download file
  • powerapps button email
  • powerapps button filter gallery
  • powerapps button hover
  • powerapps button patch
  • powerapps button image
  • powerapps button if statement
  • powerapps button mailto
  • powerapps button refresh data source
  • Update sharepoint list on Power Apps button click
  • powerapps button update item
  • powerapps radio button value
  • Disable button when pressed in Power Apps
>