terça-feira, 23 de fevereiro de 2016

[SP] CSS Registration (Master html Sharepoint 2013)

Fala galera, beleza?
Rick que vos fala depois de um bom tempo sem passar por aqui! rs

Trago uma novidade que algum tempo estamos utilizando por padrão em nossos desenvolvimentos, que é a aplicação destas maravilhosas tags do Sharepoint: CSS Registration e ScriptLink.

Pra quem ainda não viu um post anterior que fiz, estas tags são responsáveis por tornar dinâmicos os links inseridos em masters, pagelayouts ou páginas.

EXEMPLO:
<link href="/style library/css/main.css" rel="stylesheet" type="text/css"></link>

Para tornar o link acima dinâmico, ou seja, para que caso esteja em um subsite, você não precise fazer outra chamada modificando o href do link, utilizamos a tag "CSSRegistration".

MODELO:
<sharepoint:cssregistration after="corev4.css" name="<$SPUrl:~SiteCollection/Style Library/css/structure.css >" runat="server"/>

Beleza? beleza! mas não para por ai! rs

No SharePoint 2013, existe um novo modelo de master que é feito em HTML facilitando a manutenção. Se trata de uma minimal.master em html com códigos um pouco difetentes dos que estamos acostumados a ver na .master. No entando,  a escrita muda um pouco, pois os controles do sharepoint e algumas tags precisam ser adicionadas dentro de "contents" que são comentários que a este modelo de master utiliza pra ler sua estrutura.

para controles como o ScriptLink, CSSRegistration que ficam no "header" utilizamos o seguinte comentário:

<!--SPM:<Tag aqui dentro>-->

EXEMPLO:
<!--SPM:<SharePoint:CssRegistration name="&lt;% $SPUrl:~SiteCollection/Style Library/css/structure.css %&gt;" After="corev4.css" runat="server"/>-->

Perceba que, ao inserir-mos a tag CssRegistration anterior, alteramos o "<" por "&lt;" e ">" por "&gt;" por questões de leitura do Sharepoint.

Uffa, terminamos!

Lembrando que o mesmo serve para o ScriptLink!

Abraçõs e até a próxima! :D
Rick

Desenvolvedor Front-end à 10 anos, DJ e Produtor de música eletrônica. Fundador do blog Canaleta Web.

0 comentários:

Postar um comentário