Índice

outline	true
exclude	.*ndice
style	none

Falando de Layout...

...

O layout define a composição de uma página. Um layout é composto por múltiplos slots. Slots são contêineres espaços pré-definidos que são aptos a comportarem Widgets widgets. A quantidade, posição e dimensão desses slots é o que define o corpo de um template. Sendo assim, o template é o esqueleto de uma página, definindo a distribuição das Widgets de widgets que a compõem através do slots.

Image Added

Informações

title	Observação

Não é possível alterar a estrutura dos layouts padrão da plataforma através da própria ferramenta. Para criar layouts personalizados, consulte a documentação Construção de componentes WCM no fluig Studio.

Estado

subtle	true
title	Saiba mais

HTML

<a id="toggleAll" href="#" >Expandir/ocultar informações complementares. </a>
 <script type="text/javascript">
 
 var abertos = 0;
 var fechados = 0;
 function contador() {
    abertos = 0;
    fechados = 0;
    jQuery(".expand-control").each( function() {
		if (document.getElementById(this.id).children[0].className != "expand-control-icon icon expanded") {
           	fechados++;
        } else {
        	abertos++;
        }
    });
 }
 AJS.toInit(function() {
 
    contador();
	var soma = abertos + fechados;
	$("#toggleAll").html('Expandir/ocultar ' + soma  + ' informações complementares.');

    AJS.$('#toggleAll').click(function() {
        contador();
        if (abertos >= fechados) {
            jQuery(".expand-control").each(
                function() {
                    if (document.getElementById(this.id).children[0].className == "expand-control-icon icon expanded") {
                        jQuery(this).trigger("click");
                    }
                }
            )
        } else {
            jQuery(".expand-control").each(
                function() {
                    if (document.getElementById(this.id).children[0].className != "expand-control-icon icon expanded") {
                        jQuery(this).trigger("click");
                    }
                }
            )
        }
    });
});
 </script>

Image Removed

Dica
Todos os layouts que apresentam a tag azul Layout responsivo se adaptam a vários tamanhos de telas.

Básico

...

Recomendado para páginas que não necessitam de muitos slots para exibição de conteúdo

Image Added

...

Image Added

Amplo

...

Ideal para widgets que possuem informações detalhadas e necessitam de slots maiores para melhor visualização.

Image Added

...

Image Added

Público

...

Valoriza conteúdos amplos e permite um melhor detalhamento das informações, se necessário.

Image Added

...

Image Added

Meio a meio

...

Ideal para exibir indicadores do Analytics, o layout Simples simples conta o somente dois grandes slots.

Image Added

...

Image Added

Comunicativo

...

Recomendado para páginas onde o público alvo terá acesso à um grande volume de informações. Através das abas disponíveis nesse layout, é possível segregar as informações, facilitando e otimizando a leitura do conteúdo.

Image Added

...

Image Added

Detalhado

Com o layout Detalhado é possível visualizar diversos conteúdos ao mesmo tempo, graças ao grande número de slots disponíveis.