Useful jQuery snippet to add a “View Properties” icon, so the user doesn’t have to use context menu or ribbon (apparently they prefer this)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 $(".ms-listviewtable > tbody > tr:first" ).append("<TH class='ms-vh2 ms-vh2-icon' noWrap>View</TH>" ); $(".ms-listviewtable > tbody > tr" ).each(function ( ) { if ($('td:first' , $(this )).hasClass("ms-vb-title" )) { var id = $("td.ms-vb-title > div.ms-vb" , $(this )).attr("id" ); var viewLink = $("<td class='ms-vb-icon'><IMG style='CURSOR:hand; BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px' title='View Properties' alt=Search src='/_layouts/images/gosearch15.png' /></td>" ); $(this ).append(viewLink); viewLink.click( function (event ) { var options = { url: "/MyLibrary/Forms/DispForm.aspx?ID=" + id, title: "Document Properties" , allowMaximize: true , showClose: true , dialogReturnValueCallback: function (dialogResult, returnValue ) { } }; SP.UI.ModalDialog.showModalDialog(options); } ); } });
This just adds an extra column to the end with an icon that opens the ‘View Properties’ dialog.
You can either use a Content Editor web part to make it view specific or add it to a global script for all views. It’s a little hacky, but does the job.
It relies on the title column being available to extract the id of the item.
Comment and share