I have a page (HTML) containing multiple tabs, all filled with various settings. Those settings are further divided into groups which are nothing more than separate REST calls to the server. Each group can be stored / restored separately. Settings are of all possible types: select, input, checkbox, tables with hundreds of items, etc.
I have looked around this site what best practice for modifying these settings would be, but I seem to have only encountered questions where the asker had already decided on what approach to use. To name a few:
- Save / revert buttons above &/ below the form (group of fields)
- Save / revert buttons next to each & every entry field
- General Save / revert button in page header, valid for entire page
- No button at all, data is stored in the background as it is entered by the user (possibly supported by alerts notifying user that changes have been stored)
- Page leave guard dialog prompting to save the changes
- Some that I missed?
I've seen many different implementations on the web, but each seems to have its shortcomings. Sometimes the user will want to be able to cancel all changes, sometimes they want to have everything stored as soon as they enter it, etc. I know I can't make everyone happy, but I do want something that will be intuitive, even if it's not a particular user's preferred way of entering data.
What is currently the most intuitive way of supporting the user while they enter / adjust hundreds of settings?