[SP] - Logo dinãmico em Master HTML (Sharepoint 2013)

Para adicionar o controle de Logo nativo do Sharepoint em sua master customizada na versão html, basta adicionar o seguinte código:

<!--MS:<sharepoint:sitelogoimage cssclass="ms-siteicon-img" id="onetidHeadbnnr2" logoimageurl="/_layouts/15/images/siteIcon.png?rev=23" name="onetidHeadbnnr0" runat="server">-->
<!--PS: Start of READ-ONLY PREVIEW (do not modify)--><img alt="Content site" class="ms-siteicon-img" src="http://dev-chalfin-website.simbiox.com.br/_layouts/15/images/siteIcon.png?rev=23" id="ctl00_onetidHeadbnnr2" name="onetidHeadbnnr0" /><!--PE: End of READ-ONLY PREVIEW-->
<!--ME:</SharePoint:SiteLogoImage>-->

Caso deseje adicionar o controle completo com o link:

<!--MS:<sharepoint:spsimplesitelink cssclass="ms-siteicon-a" id="onetidProjectPropertyTitleGraphic" runat="server">-->
<!--MS:<sharepoint:sitelogoimage cssclass="ms-siteicon-img" id="onetidHeadbnnr2" logoimageurl="/_layouts/15/images/siteIcon.png?rev=23" name="onetidHeadbnnr0" runat="server">-->
<!--PS: Start of READ-ONLY PREVIEW (do not modify)--><img alt="Content site" class="ms-siteicon-img" src="http://dev-chalfin-website.simbiox.com.br/_layouts/15/images/siteIcon.png?rev=23" id="ctl00_onetidHeadbnnr2" name="onetidHeadbnnr0" /<<!--PE: End of READ-ONLY PREVIEW-->
<!--ME:</sharepoint:sitelogoimage><!--ME:</sharepoint:spsimplesitelink>-->

Continuar lendo

[SP] XSL Import (Update)

Para tornar mais facil a customização de uma WebPart ou DataView, nós utilizamos o XSL Import. Trata-se de um código adicionado na customização da webpart, inserindo um arquivo externo para a edição do XSL.

EXEMPLO:
Temos a webpart customizada, com aquele código XSL gigantesco nativo. Nós deletaremos a tag "<xsl:stylesheet>" inteira, substituindo-a pelo código abaixo:

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:ddwrt2="urn:frontpage:internal">
   <xsl:import href="/Style Library/XSL Style Sheets/NomeDoArquivo.xsl"/>
   <xsl:template match="/">
    <xsl:apply-imports/>
   </xsl:template>
 </xsl:stylesheet>

Basicamente estamos dizendo que, ao carregar a webpart ele irá trazer informações deste arquivo externo que está no xsl:import. Estes arquivos .xsl ficam dentro da Style Library > XSL Style Sheets.

UPDATE DO ROLÊ!
Outra dica importante que descobrimos:
Dentro deste arquivo .xsl existe um código padrão a ser adicionado, abaixo segue um modelo a ser utilizado:

<xsl:stylesheet version="1.0" exclude-result-prefixes="x d xsl msxsl cmswrt ddwrt" xmlns:x="http://www.w3.org/2001/XMLSchema" xmlns:d="http://schemas.microsoft.com/sharepoint/dsp" xmlns:cmswrt="http://schemas.microsoft.com/WebParts/v3/Publishing/runtime" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime">
  <xsl:include href="/_layouts/15/xsl/main.xsl"/>
  <xsl:include href="/_layouts/15/xsl/internal.xsl"/>
 <xsl:include href="/Style Library/XSL Style Sheets/Utils.xsl"/>
 <xsl:param name="AllRows" select="/dsQueryResponse/Rows/Row[$EntityName = '' or (position() &gt;= $FirstRow and position() &lt;= $LastRow)]"/>
 <xsl:param name="dvt_apos">'</xsl:param>
 <xsl:template match="/">
  
 </xsl:template>
</xsl:stylesheet>

Neste modelo acima, estamos usando uma tag diferente na primeira linha. esta tag stylesheet não insere atributos do SharePoint em seu html, deixando ele muito mais "clean" e facil de ler. Também deixei uma tag chamada <xsl:include que serve para fazer chamada de outro XSL dentro deste, ou seja, usamos para chamar um utils.xsl onde colocamos vários templates de XSL customizados.

E é isso, muito útil e facil de trabalhar, afnal, gostamos de códigos html mais limpos, correto? :D

Abraços!

Continuar lendo

[SP] Webpart com XSL Import

Para tornar uma webpart mais facil de se trabalhar, podemos utilizar o XSL Import, que nada mais é do que anexar um arquivo .XSL externo a uma webpart customizada. Dessa forma, podemos editar o conteúdo XSL através de um arquivo único sem a necessidade de abrir uma página ou editar a webpart diretamente.

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:ddwrt2="urn:frontpage:internal">
 <xsl:import href="/Style Library/xslt/PaginaUnidades.xsl"/>
 <xsl:template match="/">
  <xsl:apply-imports/>
 </xsl:template>
</xsl:stylesheet>

Continuar lendo