• Technical and graphic migration manual 2.1.0 to 2.2.0

      Use of glyphs (picto) to illustrate links

      The default XSL "link-picture" template has been modified to handle the display of glyphs. If you have overloaded this template, transfer the modifications to your overload.

      Here are the contents of the default template:

      <xsl:template name="link-picture"> 
              <xsl:param name="height"/> 
              <xsl:param name="width"/> 
              
              <xsl:if test="@pictureType != ''"> 
                  <xsl:choose> 
                      <xsl:when test="@pictureType = 'glyph'"> 
                          <span class="picture link-glyph {@pictureGlyph}" style="font-size: {$height}px"></span> 
                      </xsl:when> 
                      <xsl:otherwise> 
                          <xsl:variable name="id"> 
                              <xsl:choose> 
                                  <xsl:when test="@pictureType = 'resource'"> 
                                      <xsl:value-of select="@pictureId"/> 
                                  </xsl:when> 
                                  <xsl:when test="@pictureType = 'external'"> 
                                      <xsl:value-of select="concat(@picturePath, '?objectId=', @id)"/> 
                                  </xsl:when> 
                              </xsl:choose> 
                          </xsl:variable> 
                  
                          <span class="picture"> 
                              <img src="{resolver:resolveBoundedImage(@imageType, $id, $height, $width)}" alt="{@pictureAlternative}"/> 
                          </span> 
                      </xsl:otherwise> 
                  </xsl:choose> 
               </xsl:if> 
      </xsl:template> 
             

      In your other overloads or other views of the Link Directory service, a link with a glyph will be saxed as follows:

      <link id="linkDirectory://xxx" lang="fr" title="Titre du lien" pictureType="glyph" pictureGlyph="icomoon-date" .../> 
             
Back to top