Enable Ribbon on item selection in SharePoint 2013

-

With every version of SharePoint Microsoft changes a lot that its hard to adjust with new version. It takes bit of time to get used to the new changes in new version. Just an example In SharePoint 2007 the Site Actions menu was in the right corner of the screen, in SharePoint 2010 the Site Actions moved to left of the screen, again in SharePoint 2013 the Site Actions(gear icon) is moved to the right corner of the screen.

In SharePoint 2010 the ribbon is by default selected when an item is selected, but in SharePoint 2013 the ribbon is not selected by default. So I tried hard to find a setting which can help in enabling the ribbon by default. But no luck. Tried searching a lot but didn't find a direct way to do so. Here in this article I will help you in enabling the ribbon when selecting an item in SharePoint 2013.

Why by default the ribbon is not selected in SharePoint 2013

The new UI reflects their “Minimal Download Strategy” in SharePoint 2013 that improves rendering performance when browsing content where large parts of the page do not change, which provides a more fluid navigation experience. 

 How Ribbon can be enabled

This can be achieved using JavaScript which can be included in the masterpage. The JavaScript will handle all types of lists and libraries.

// JavaScript source code

 function ShowItemsMenuWhenItemsSelected() {
    var oldToggleItemRowSelection = ToggleItemRowSelection;
    ToggleItemRowSelection = function (ctxCur, tr, fSelect, a, b) {
        oldToggleItemRowSelection(ctxCur, tr, fSelect, a, b)
        
        if ((ctxCur.CurrentSelectedItems > 0) && (ctxCur.listBaseType == 0) && (ctxCur.ListTemplateType == 171)) {
            SelectRibbonTab("Ribbon.Tasks", true);  //open the ribbon for tasks list
        }
        else if ((ctxCur.CurrentSelectedItems > 0) && (ctxCur.listBaseType == 1)) {
            SelectRibbonTab("Ribbon.Document", true);  //open the ribbon for Documents Library
        }
        else if (ctxCur.CurrentSelectedItems > 0) {
            if ((ctxCur.listBaseType == 0) || (ctxCur.listBaseType == 5))
            {
                SelectRibbonTab("Ribbon.ListItem", true);  //open the ribbon for List items
            }
        }
        else {
            SelectRibbonTab("Ribbon.Read", true);  //close the ribbon
        }
    }
} 
_spBodyOnLoadFunctionNames.push("ShowItemsMenuWhenItemsSelected");

 Hope this will help you in resolving the issue.
Happy SharePointing......

Comments

Post a Comment

Popular posts from this blog

Read all lists/views/fields using pnpjs in spfx webpart

-
Image
Recently I started exploring pnp js with spfx webparts. I wanted to explore few things which are more of basic functionality for any webparts. In this Post I'll explain How to read all the lists from a site and bind to dropdown in spfx webpart Read all the views for a selected list and bind to 2nd dropdown. Get all the fields/columns for a selected view and render then as checkboxes in spfx webpart. I have created a react spfx project and imported all the sp,web from @pnp/sp library. i mport { sp , Web , List } from '@pnp/sp' ; First step is to declare 3 collections for above 3 requirements so that you can use them in getPropertyPageConfiguration() method. private listDropDownOptions : IPropertyPaneDropdownOption []; private viewDropDownOptions : IPropertyPaneDropdownOption []; private fieldsListCollection = [];   Use these collections in getPropertyPageConfiguration() method. protected getPropertyPaneConfiguration (): IPropertyPaneConfigu...
Read more

Deploy artifacts with spfx webparts

-
Image
SharePoint framework (commonly known as spfx ) webparts can be used to deploy the artifacts like js/css/image files etc. There are multiple options to host your artifacts.  First option is to host to CDN (like azure) Other option is to include that within the package and then deploy to appcatalog along with sppkg file. Host to CDN In order to host the webparts to Azure or any CDN,  open copy-assets.json file in config folder of your spfx webpart and update the CDN path. This CDN path can be any SharePoint library or Azure CDN. Basically any path which is accessible using http protocol. If you are publishing to Azure CDN please make sure to add the azure credentials in deploy-azure-storage.json file. Deploy to AppCatalog In case you want to deploy the artifacts to app catalog, package-solution.json file under config folder and make sure that includeClientSideAssets is set to true . Once this is set when you will deploy the webpart to the webpart gallary....
Read more

SharePoint Hub Sites

-
What is SharePoint Hub Site? Hub sites are new intranet building blocks in office 365 (only no OnPremise support yet, not even SP2019).  In the new flat world of modern SharePoint, each unit of work gets a separate site collection. Hub sites allow us to eliminate the inflexibility and governance limitations of “dreaded” subsites, while providing a way to replicate one of the key benefits of subsites — a way to create a shared experience among related sites. Hub sites can help kill subsites, but not without a little planning. Modern SharePoint has given users power to create multiple types of sites, Team Site, Communication sites and Hub sites . A lot of people really gets confused about all three. I'll briefly sum up the three  Team site :  Collaborate  with members of a project or organizational team Communication site :  Communicate  to a broad group of people or the entire organization Hub site :  Connect  related sites to create a s...
Read more