<span id="${id}-appItems" class="app-items hidden"><@header.renderItems config.global.header.appItems id "app" /></span>
Macro "renderItems" en "header.inc.ftl" en la línea 8.<#–
Application and User Items entrypoint
–>
<#macro renderItems p_root p_id p_type>
<#assign id = p_id>
<#assign js = "">
<#– Render an application item –>
<#list p_root.items as item>
<@menuItem item p_type />
<#if p_type = "user" && item_has_next><span class="separator"> </span></#if>
</#list>
<#– Remove first comma –>
<#if js?starts_with(",")><#assign js = js?substring(1)></#if>
</#macro>
Curiosamente esta macro contiene un bucle en el que se llama a otra macro ("menuItem, en la línea 14).
<@menuItem item p_type />
Así pues, llegamos a nuestro objetivo. Es esa macro la que se encarga de la lógica que permite presentar el menú. De manera que seguimos los siguientes pasos
<#assign attrStyle><#if (item.icon?length > 0)>style="background-image: url(${url.context}/res/components/images/header/${item.icon});"</#if></#assign>
En esta línea se crea una variable ("attrStyle") a la cual se le asigna el siguiente código:
style="background-image: url(${url.context}/res/components/images/header/${item.icon});"
Aquí se encuentra el estilo del icono que podemos modificar. Aquí podemos introducir el código html que queramos dándole un aspecto distinto.
<span class="first-child" ${attrStyle!""}>
A este "span" se le asigna el estilo definido anteriormente en la variable "attrStyle". Este código html podemos modificarlo también a nuestro antojo (cambiar el span por un "div", no olvides su cirre, eliminarlo, etc).Content from pre 2016 and from language groups that have been closed.
Content is read-only.
By using this site, you are agreeing to allow us to collect and use cookies as outlined in Alfresco’s Cookie Statement and Terms of Use (and you have a legitimate interest in Alfresco and our products, authorizing us to contact you in such methods). If you are not ok with these terms, please do not use this website.