If you'd like to hide the Save or Apply buttons at the top and bottom of the form, follow the steps below:
- Accessing the Script Editor. Open a list item in either view or edit mode.
- Click the gear icon at the top-right corner of the form, then select Script editor.
- Paste the following script into the Script Editor section.
If you don’t want to hide the Save or Apply buttons, simply change the button state from hidden: true to hidden: false
kwizcom.ModernUILibrary.FormPage.OnReady("set-button-state", function (form) {
switch(form.context.pageType){
case 8: // New item form
case 6: // Edit item form
// Hide Save and Apply buttons at the bottom of the form
form.SetButtonState({
apply: { hidden: true },
save: { hidden: true },
});
// Hide Save button in the top toolbar
var saveButton = document.querySelector("button:has([data-icon-name='Save'])");
if(saveButton){
saveButton.style.display = "none";
}
// Hide Apply button in the top toolbar
var saveAsButton = document.querySelector("button:has([data-icon-name='SaveAs'])");
if(saveAsButton){
saveAsButton.style.display = "none";
}
}
});