Setting the ribbon to default to the browse tab instead of edit

Question

I have a sharepoint online custom list that when I click New Item I want it to default to browse ribbon on top instead of edit. (pretty much don't want all those details there because of what it is used for). I have done some research but none of the answers seemed to answer my question. Thanks. Here is a screenshot on what I'm talking about:

Answer 1

• Edit your new form page.

• Add script editor.

• Click on Edit Snippet .

Add the following script

<script type="text/javascript">// <![CDATA[
function ResetRibbon() {
try {
var ribbon = SP.Ribbon.PageManager.get_instance().get_ribbon();
SelectRibbonTab("Ribbon.Read", true);
ribbon.removeChild('Ribbon.ListForm.Display');
ribbon.removeChild('Ribbon.ListForm.Edit');
} catch (e)
{ }
}

SP.SOD.executeOrDelayUntilScriptLoaded(function () {
try
{
var pm = SP.Ribbon.PageManager.get_instance();

pm.add_ribbonInited(function () {
ResetRibbon();
});

var ribbon = null;
try {
ribbon = pm.get_ribbon();
}
catch (e) { }

if (!ribbon) {
if (typeof (_ribbonStartInit) == "function")
_ribbonStartInit(_ribbon.initialTabId, false, null);
}
else {
ResetRibbon();
}
},
"sp.ribbon.js");
}catch(e)
{}
// ]]></script>
<script type="text/javascript">
function ResetRibbon() {
try {
var ribbon = SP.Ribbon.PageManager.get_instance().get_ribbon();
SelectRibbonTab("Ribbon.Read", true);
ribbon.removeChild("Ribbon.ListForm.Display");
ribbon.removeChild("Ribbon.ListForm.Edit");
} catch (e)
{ }
}

SP.SOD.executeOrDelayUntilScriptLoaded(function () {
try {
var pm = SP.Ribbon.PageManager.get_instance();

pm.add_ribbonInited(function () {
ResetRibbon();
});

var ribbon = null;
try {
ribbon = pm.get_ribbon();
}
catch (e) { }

if (!ribbon) {
if (typeof (_ribbonStartInit) == "function")
_ribbonStartInit(_ribbon.initialTabId, false, null);
}
else {
ResetRibbon();
}
} catch (e)
{ }
}, "sp.ribbon.js");

</script>

• Press Ok .
• Click on Stop Page Editing from the above ribbon / Save your page.
• try to add new item , that should be working with default browse Tab.

[Output]

Code ref : select specific tabs in SharePoint Ribbon

Answer 2

Doesn't work for me in O365 in 2019. This works:

// Hide New and Edit icons
function hideRibbonButtons() {

    var edit = document.getElementById("Ribbon.ListItem.Manage.EditProperties-Large");
    edit.style.display = "none";

    var news = document.getElementById("Ribbon.ListItem.New");
    news.style.display = "none";
}

// Fires "ribbontabselected" after the ribbon has been initialized after load
ExecuteOrDelayUntilScriptLoaded(function() {
    var pm = SP.Ribbon.PageManager.get_instance();
    pm.add_ribbonInited(function() {

        SelectRibbonTab("Ribbon.ListItem", true); //set the Item tab as default

        setTimeout(function() {
            hideRibbonButtons();
        }, 1000);

    });
}, "sp.ribbon.js");