Monday, October 19, 2015

Get Web Part Title and Add Link to the right side of the web part title

Here is the code to get web part title and then add image or text or link in web part title and right align that.

You have to put this code in Script editor web part or put this code in a file & store somewhere & provide link to master page or provide link to content editor web part


// Function to add link/text/icon in right side of the web part title

 $(document).ready(function () {

    var className='.ms-webpart-titleText';

    $(".ms-webpart-chrome-title span h2").each(function(inx){       
        var webPartTitle = $(this).text();
               
        //Check web part title
        if(webPartTitle.indexOf("My Web Part Title")>=0)
        {
            var openUrl ="javascript:OpenPopUpPageWithTitle(\""+_spPageContextInfo.siteServerRelativeUrl+"/Style Library/MyFolder/MyPage.aspx?IsDlg=1\", RefreshPage, null, null, \"My Page Title\"); return false;";
           
            $(this).prepend("<div class='small' title='Click to open my page' style='cursor: pointer; display: inline-block;  float:right; text-align:center'><span id='spanMore' title='My Page' class='glyphicon glyphicon-th-list' aria-hidden='true' onclick='"+openUrl+"'>*****</span>&nbsp;</div>") ;
        }
    });
});

Enjoy Codding in SharePoint
Gaurav Goyal

by Gaurav Goyal via Everyone's Blog Posts - SharePoint Community

No comments:

Post a Comment