SharePoint 2013: Adicionar texto ao botão Site Actions com jQuery

O botão de Site Actions foi reduzido a um icone sem texto em SharePoint 2013. Se quiser ter texto no botão, pode trazê-lo de volta com a ajuda de javascript.

Têm que incluir o jQuery primeiro para que o código funcione. Aqui está ele, com uma linha de código resolve o problema:

jQuery(document).ready(function () {
$('.ms-siteactions-root > span > a.ms-core-menu-root').append("<label>Site Actions</label>");
});

Agora só precisa de alguns estilos.

.ms-siteactions-root > span > a.ms-core-menu-root {
    width: auto;
}
.ms-siteactions-root > span > a.ms-core-menu-root:hover {
    text-decoration: none;
}
.ms-siteactions-root > span > a.ms-core-menu-root > label {
  margin-left: 5px;
}
.ms-siteactions-imgspan {
    vertical-align: middle;
}

O resultado:

Dércia Silva
Publicado por Dércia Silva em 11 março, 2014

Artigos relacionados