Esconder botões da Ribbon. Ex: Baixar uma cópia

Olá,

Seguindo o post de esconder links da MasterPage do SharePoint:

http://thiagottss.com.br/2014/03/31/como-esconder-skydrive-e-newsfeed-links-via-css/

 

Às vezes recebemos solicitações dos usuários pedindo que sejam removidos botões da Ribbon para uma aplicação e/ou site específico. E não queremos remover a Ribbon inteira… apenas alguns botões.

Para isso, primeiro identifique qual botão quer remover. Por exemplo, vou desabilidade o “Baixar uma cópia” (Download a copy) da Ribbon.

Usando o F12 do browser, vi que o id desse botão é “Ribbon.Documents.Copies.Download-Large” e ele é uma tag <a>.

Então, a linha de CSS abaixo irá esconder esse botão:

 

/*download a copy*/
a[id$=’Ribbon.Documents.Copies.Download-Large’] {
display:none;
}

 

Se você quiser esconder uma “seção” inteira da Ribbon, siga os mesmos passos, mas atente-se que a seção é uma tag <li> e não um <a>. Então, nesse outro exemplo escondi o “Marcas e Notas” (Tags and Notes). O id dessa seção inteira é “Ribbon.Documents.TagsAndNotes”.

 

/*Tags and Notes*/
li[id$=’Ribbon.Documents.TagsAndNotes’] {
display:none;
}

Abraço!

Thiago.

Como esconder skydrive e newsfeed links via CSS

Olá! 🙂

 

Alguns clientes solicitam esconder os links que o SharePoint 2013 traz por padrão… Um exemplo, são os links do Newsfeed, Skydrive e Sites. Há diversas formas de remover, por exemplo, criando uma masterpage customizada.

Mas, de forma prática e rápida, prefiro esse "approach" de esconder via CSS. Para quem interessar, aqui está:

/*remover skydrive, newsfeed links*/
.ms-core-suiteLinkList
{display:none;
}

E alguns outros links que você também pode remover/mudar:

/*mudar cor do header como podem perceber na imagem anterior*/
div#suiteBarLeft{
background-color: red;
}

/*TabRowRight -remove todos os links abaixo*/
/*#RibbonContainer-TabRowRight
{
display:none !important;
} */

/*remove só o link de follow/acompanhar*/
#site_follow_button
{
display:none !important;
}
/*remove só o link de share/compartilhar*/
#ctl00_site_share_button
{
display:none !important;
}
/*remove só o link de fullscreen*/
#fullscreenmodebox
{
display:none !important;
}

/*remove só o link de sync*/
#ctl00_SyncPromotedAction
{
display:none !important;
}

 

Abraço!