We had a requirement to have Tools Menu display icon and respective icon for office 365 projects.
#rightmenu is the DIV which is specified in master page. Please find the below code for the same. I hope below code will be useful.
Create .js file and place the below code and provide the .js file reference in master page or content editor webpart wherever you want to use the code.
$(‘#rightmenu’).on(‘click’, function(){
$(‘#rightmenu table’).fadeToggle();
});
var method = “GetListItems”;
var list = “TestList”;
var fieldsToRead = “<ViewFields>” +
“<FieldRef Name=’Title’ />” +
“<FieldRef Name=’LinkClm’ />” +
“<FieldRef Name=’IconClm’ />” +
“<FieldRef Name=’PositionClm’ />” +
“<FieldRef Name=’OrderClm’ />” +
“</ViewFields>”;
var query = “<Query>” +
“<Where>” +
“<Neq>” +
“<FieldRef Name=’ID’/><Value Type=’Number’>0</Value>” +
“</Neq>” +
“</Where>” +
“<OrderBy>” +
“<FieldRef Name=’OrderClm’ Ascending=’TRUE’/>” +
“</OrderBy>” +
“</Query>”;
$().SPServices({
operation: method,
async: false, //if you set this to true, you may get faster performance, but your order may not be accurate.
listName: list,
CAMLViewFields: fieldsToRead,
CAMLQuery: query,
//this basically means “do the following code when the call is complete”
completefunc: function (xData, Status) {
//this code iterates through every row of data returned from the web service call
$(xData.responseXML).SPFilterNode(“z:row”).each(function() {
var name = ($(this).attr(“ows_Title”));
var link = ($(this).attr(“ows_Link”)).split(“,”)[0];
var iconURL = ($(this).attr(“ows_Icon”)).split(“,”)[0];
var position=($(this).attr(“ows_Position”));
//alert($(this).attr(“ows_Position”));
AddRowToTable(name,link,iconURL,position );
});
}
});
});
function AddRowToTable(name,link,iconURL,position)
{
var max = 2;
$(document).ready(function(){
var tr = $(“#rightmenu table tr:last”);
if(!tr.length || tr.find(“td”).length >= max)
$(“#rightmenu table”).append(“<tr>”);
$(“#rightmenu table tr:last”).append(“<td><a href='” + link + “‘ target=’_blank’><img src='” + iconURL+ “‘></a></td>”);
});
/*if(position === “Left”)
{
$(“#LeftDIV”).append(“<tr align=’middle’>” +”<td><a href='” + link + “‘ target=’_blank’><img src='” + iconURL+ “‘></a></td>” +”</tr>”);
}
if(position === “Right”)
{
$(“#RightDIV”).append(“<tr align=’middle’>” +”<td><a href='” + link + “‘ target=’_blank’><img src='” + iconURL+ “‘></a></td>” +
“</tr>”);
}*/
}
Also, read some SharePoint PowerShell tutorials:
- Get Size of subsites PowerShell Script SharePoint 2013 or SharePoint 2010
- Get user profile properties SharePoint 2013 PowerShell
- Create Site Collection PowerShell Script SharePoint 2013 or 2010
- Retrieve web server relative URL and list server-relative URL using PowerShell SharePoint Online
- Retrieve all list names and list guids from SharePoint online site using PowerShell
Thanks,
Sambita
Download FREE SharePoint 2019 Installation PDF Guide
This FREE PDF contains, Steps by step guide to install SharePoint 2019 Preview, prerequisites, hardware and software new features. First impression to SharePoint Server 2019 new modern site, modern lists and modern document libraries.
You May Also like the Following SharePoint Online Tutorials:
