Layout File

O Layout File é um arquivo HTML que define a apresentação de uma página. Ao adicionar ou editar as propriedades de uma página é possível configurar como seu conteúdo final será montado conforme os tópicos "Administração de Páginas" e "Administração de Canais". Se a opção escolhida for "Arquivo de Layout" a página irá utilizar o HTML informado transformando seu conteúdo estático em conteúdo dinâmico, conforme as configurações da página. Qualquer arquivo HTML pode ser um Layout File, sem a necessidade de ser um XHTML, mas é preciso que seu conteúdo seja válido. Por exemplo, a tag <table> precisa ser fechada mas a tag <br> não precisa.

Para realizar a transformação das informações estáticas em informações dinâmicas é necessário adicionar marcadores no HTML. Os marcadores definem quais informações estáticas devem ser transformadas em informações dinâmicas e como a transformação deve ocorrer. A informação estática original é considerada um HTML de exemplo, e deve ser mantida no Layout File com objetivo de facilitar a prototipação das páginas.

Os marcadores do Layout File se distinguem das tags e atributos do HTML através de namespaces. Existem dois namespaces possíveis:

O principal marcador do Layout File é a tag "page:holder". Esta tag é utilizada para definir qual elemento do HTML será utilizado para definir uma área onde se pode arrastar as instâncias de interface na página.

Exemplo

<html>

<head>

<title>Página de Exemplo</title>

.box { margin:20px; width: 450px; height: 200px; border: 1px dotted black; }

</style>

</head>

<body>

<h1>Página de Exemplo</h1>

</body>

</html>

Observação

É esperado que o arquivo HTML utilizado como Layout File esteja salvo com econding UTF-8.

Caso o portal esteja configurado para rodar em ambiente de desenvolvimento as tags e atributos do Layout File não são omitidos no resultado do HTML final.

Os arquivos utilizados como Layout File são armazenados em cache. O intervalo de verificação de alteração dos arquivos pode ser configurado no LumisPortalConfig.