Existem duas formas para se editar um template de página:
| • | Com o right_click sobre o template, selecione a opção Propriedades; |
| • | Edite as propriedades do canal. |
Ou
| • | Com o right_click sobre o canal “Portal”, ou sobre um outro canal selecione Gerenciar Template de Página; |
| • | Na área administrativa do canal, selecione Editar e especifique as propriedades do template. |
Um template de página possui as seguintes propriedades distribuídas nas seções: Geral e Estilo, que podem ser preenchidas durante sua a adição e edição. Algumas propriedades são exibidas durante a sua adição e outras durante sua re-edição.
| • | Nome: Nome do template que aparece no navegador e na área administrativa do canal; |
| • | Descrição: Breve descrição do template página; |
| • | Centralizar Páginas: Permite definir se todo o layout das páginas será centralizado ou não, ou se essa propriedade será herdada do canal “pai”. O default do portal é não centralizar as páginas; |
| • | Tipo de Layout das Páginas: Permite definir se o código HTML gerado para definir a estrutura das páginas, será com ou sem tabelas. |
Com tabelas, o código será constituído por <table>. Já sem tabelas, será constituído por <div>. Pode-se ainda optar pelo valor "Herdar Configuração" que utiliza o valor definido para o canal da página, e assim por diante.
O valor default do framework do portal é gerar código html com tabela.
A opção de div é util quando deseja-se criar soluções acessíveis, porém, as propriedades da interface, tais como col-span e row-span são renegadas.
Porém, para layouts complicados, recomenda-se a utilização de CSS. Dessa forma, criam-se classes em arquivos de CSS e as refenciam nas áreas das páginas. Verificar a aba Estilo das propriedades do template, e como atribuir a classe na área da página, consultar a seção Diagramação da Página.
A informação do tipo de layout é repassado no XML para que possa ser utilizado pelo XSL.
O valor no XML está disponível em "renderData/douiContext/pageLayout/type", podendo assumir valor "1" (com tabela) ou "2" (sem tabela).
É importante salientar que em páginas tableless o que é visualizado fora do F12 pode ficar diferente do que é visualizado dentro do F12. Neste último, pode aparentar quebra, como se não houvesse CSS aplicado.
| • | Posição: O local absoluto do template no navegador. A primeira posição é representada por 0 (zero). Caso mais de uma template assuma a posição zero, a organização deles se dará por ordem alfabética. Esta propriedade não será herdada pela página que aplicar o template; |
| • | Mover para o Canal (Propriedade exibida somente durante a edição das propriedades do template): Permite que durante a edição de um template de página, este seja movido para outro canal. Não são geradas réplicas; |
| • | Copiar da Página Permite que durante a criação do template, este seja especificado a partir de uma outra página existente. Alterações na página copiada não serão replicadas no template; |
| • | Copiar do Template de Página (Propriedade exibida somente durante a adição do template): Permite que durante a criação do template, este seja especificado a partir de um outro template. Alterações no template de página copiado não serão repassadas. |
Na edição das propriedades, caso o template seja desassociado da página, esta passará a conter as interfaces que antes pertenciam somente ao template.
Observação |
|
As propriedades que permitem herdar configuração de um canal pai, são passadas para a página que possui tal template aplicado, porém essas propriedades que podem ser herdadas, dizem respeito a herança da página em relação ao seu canal “pai” e não a herança do template de página em relação ao seu canal “pai”. |
|
Estilo:
| • | CSS: Segue o mesmo conceito de aplicação de Estilo de uma página . As página que possuem tal template aplicado, assumem as formatações contidas no CSS adicionado ao template; |
| • | Herdar utilização de CSS: Segue o mesmo conceito de aplicação de Estilo de uma página. |
Observações |
|
1) Os novos arquivos CSS adicionados devem estar previamente registrados no portal. Para maiores informações, consultar a seção Gerenciador de CSS . 2) A exclusão de arquivos CSS do Estilo não remove o registro do mesmo no portal. |
|