Many of us working with Sharepoint Online list forms that we customize using Powerapps platform and want to hide Save and cancel button that appears by default.
This is in user voice as well but till the time we get solution from product team, you can follow this workaround so that only Powerapps form is visible to users and they can just utilize submit button you have designed.
User Voice link:
Solution:
- Make your Powerapps List form ready.
- Create a Page on your Sharepoint online site
Go to –> settings –>Site Contents –> Site Pages –> New –> Wiki Page
3. Get the Power Apps form unique app id.(which you can locate inside the address bar of the browser after clicking customize the form)
4. Now insert that APP-id in below script – iframe
https://github.com/VikasSukhija/Downloads/blob/master/iframe.txt
5. Now go back to the page that you created, edit page and click edit source.
6. Insert the code and save.
You will now just get the Powerapps form without save and Cancel button.
I hope if you are in same situation where you do not want users to use default save and cancel buttons, this approach will surely assist you.
Note: Do not forget to change the Powerapps form to open by default in New mode rather than edit.(else you will see the filled item when user opens it)
Thanks for reading
Sukhija Vikas
Hi,
I followed above steps but i got 404 error. What could be the reason?
There might be some missed step as this is being used my me and team on regular basis without any issues.
Hi, did you get any other messages from users about getting a 404 error in response to using this to remove default save button? Is this the only method that you can suggest to remove the save button?
I and many others are using this method from long time now and regularly, it works great.
Can we edit a particular record using this form?
Joy, this article is around hiding save and close button, it depends on how you design your form if you can edit or not.
Hi Vikas,
I followed same steps which you provided in article, but i am getting “Page not found” coming. could please help. seems something missing on your code.
I think it may be because of HTML cutting off actual code, let me fix it in the post
Here is the code in iframe:
https://github.com/VikasSukhija/Downloads/blob/master/iframe.txt
existing values are not cleared in powerapps control even after refresh when used with iframe
I am using it and not faced any issues..you need to refresh the data source in powerapps..
Its work only on that only wiki page . its not hide in list
That is correct, that will be frontend for users..
I got the Wiki page working and you say that will be the front end for users, but my app is based on the item on the list that is clicked. How do I load the wiki page as a button to the list or not possible?
Do you mean that it should show item of the user and then user can edit those item(unique per user) ? if yes then it is possible.
Thank you so much Sukhija Sir. You made my day.