I customized the item_CommonHoverPanel_Actions display template and added custom link to it. Whenever user clicks on the link he/she is redirected to another page.

enter image description here

What i am trying to do now is to add(log) user info to another list whenever he/she clicks on the link.

Can someone guide me in the right direction about how to do it?

Update: I have added jquery via $includescript and now i am trying to add click event handler to the link but seems that its not working. Here is the code:

            var LinkTilSakHtml = "";
            var LinkTilSak = "http://google.com";
              LinkTilSakHtml = String.format('<a class="ms-calloutLink ms-uppercase" id="yourTestLink" href="javascript:;" title="Go til sak"> Test link</a></div>');            
             <div class="ms-srch-hover-action"> 
             _#= LinkTilSakHtml =#_ 
        if (!Srch.U.isSPFSKU() && ctx.CurrentItem.csr_ShowFollowLink && !$isEmptyString(ctx.CurrentItem.Path)){
            var isDoc = true;
            if(!$isNull(ctx.CurrentItem.csr_IsSite) && ctx.CurrentItem.csr_IsSite == true){
                isDoc = false;
        AddPostRenderCallback(ctx, function() {             
                  $('#yourTestLink').click(function() {
                     alert ("inside onclick");   

I am adding the event handler in AddPostRenderCallBack() method. Can some one help me find out what am i doing wrong?

1 Answer 1


Add a click event handler to the link, and then use JSOM or REST to add a list item to your log list. For example:

    var userInfo = { // these should be whatever fields you need to capture in your list.  E.g., a field called user:
        user: _spPageContextInfo.userLoginName
        url: "<siteurl>/_api/web/lists/getbytitle('Log List')/items",
        type: "POST",
        headers: {
            'accept': 'application/json; odata=nometadata',
            'content-type': 'application/json; odata=nometadata'
        success: function() { window.location.href = newUrl; },
        error: errorHandler

Try using RegisterSod() instead of $includeScript(). The latter is asynchronous, so it may not be loaded when you need it. Add to the script block at the top of the template:

    RegisterSod('jquery.min.js', 'path to jquery or cdn');

And then prior to using jQuery your code, you can do the following:

if(typeof jQuery === 'undefined') {
    EnsureScriptFunc('jquery.min.js', null, function() {
} else {
  • i tried to add event handler to link but its not working. Can you take a look at my updated question?
    – Maddy
    Commented Nov 7, 2015 at 16:29

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.