Get it on Google Play

Administración de contenidos Liferay 7.1: Estructuras y plantillas I

31-12-2018

Hoy empezamos una nueva serie de capítulos dedicados a la administración de contenidos en Liferay 7.1. Aquí abajo tenéis el código de la plantilla en Freemarker:

<#if pregunta.getSiblings()?has_content> 
    <#list pregunta.getSiblings() as cur_pregunta> 
        <div class='faq'>
            <div class='faq-preg' onclick="javascript: this.parentNode.classList.toggle('open')">
                <i class="icon-plus"></i><i class="icon-minus"></i> ${cur_pregunta.getData()} 
            </div>
            <div class='faq-resp'>
                ${cur_pregunta.getChild('respuesta').getData()} 
            </div>
        </div>
    </#list> 
</#if>

<style>
    .faq {
        margin-top: 15px;
        margin-bottom: 15px;
        }
        
    .faq .faq-preg {
        font-weight: bold;
        cursor: pointer;
        }
        
    .faq .faq-resp {
        display: none;
        padding-left: 15px;
        }
        
    .faq i.icon-plus { display: inline; }
    .faq i.icon-minus { display: none; }
    .faq.open i.icon-plus { display: none; }
    .faq.open i.icon-minus { display: inline; }
        
    .faq.open .faq-resp {
        display: block;
        animation-name: openfaq;
        animation-duration: 2s;
        }   
        
    @keyframes openfaq {
        0% { opacity: 0; }
        100% { opacity: 1; }
        }        
</style>
Liferay Administración Contenidos

Liferay Administración Contenidos

Si te ha servido, por favor comparte

Interesado en formación Liferay?

 

Leave a Reply