Recently I needed to add an Alert Me link on Pages. Alert Me is a well known SharePoint functionality for notifying users about changes in list or list items. It is availabe in OOB SharePoint as a command in Ribbon if you go to a list view:
When you click on this ribbon command, SharePoint opens a modal dialog and takes you to layouts page: SubNew.aspx. To open a modal dialog and load a page is not a rocket science. So a custom “Alert Me” link is doable.
As the first step I copied the html markup from the ribbon and adjusted it a little bit.
|
1 2 3 4 5 6 |
<span class="ms-cui-img-16by16 ms-cui-img-cont-float" style="margin-right: 2px;"> <img alt="" src="/_layouts/15/1033/images/formatmap16x16.png?rev=23" style="top: -295px; left: -19px;margin-top: 2px;"> </span> <a href="javascript:takana.alertMe();">Alert Me</a> |
Then the javascript code which gets the List ID and Page ID is very simple because this information is there in the magic _spPageContextInfo:
|
1 2 3 4 5 6 7 8 9 |
var takana = window.takana || {}; takana.alertMe = function () { var url = String.format("{0}/{1}/SubNew.aspx?List={2}&ID={3}" , _spPageContextInfo.webAbsoluteUrl , _spPageContextInfo.layoutsUrl , encodeURI(_spPageContextInfo.pageListId) , _spPageContextInfo.pageItemId); OpenPopUpPage(url); } |
This code will open a modal dialog in exactly the same way as the ribbon command in OOB SharePoint and let you subscribe to changes on that page. In this code I use String.format which is available on SharePoint pages and _spPageContextInfo which has existed since SharePoint 2010 and has been extended with more useful information about the current context.
