Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

O objetivo deste guia é demonstrar como funciona a modificação de layout de uma página do fluig. É possível mudar o layout de qualquer página editável no fluig, tornando a edição de páginas - e em especial a Home - mais flexível. Isso também significa que cada comunidade pode ter um layout completamente personalizado.

 

Escolhendo um novo layout

A seguir são apresentados os passos para efetuar a alteração do layout de páginas.

Deck of Cards
effectDuration0.5
historyfalse
idsamples
effectTypefade
Card
defaulttrue
id1
labelPasso 1

 

  • Em uma página que o usuário possua permissão de modificação, acessar o menu Configurações no canto superior direito e acionar Editar Página.

Editar página


Card
id2
labelPasso 2

 

  • Ao mudar a página para o modo de edição, acessar novamente o menu Configurações. Uma nova opção chamada Trocar layout estará disponível.
  • Acionar Trocar layout.

Trocar layout


Card
id3
labelPasso 3

 

  • A janela para troca de layout será exibida trazendo o layout atual selecionado e o botão Aplicar layout desabilitado.

Opções de layouts

 

Card
id4
labelPasso 4

 

  • Escolher o layout desejado e o botão Aplicar layout será habilitado.

  • Acionar Aplicar layout.

Aplicação da alteração de layout

 

Card
id5
labelPasso 5

 

  • Aplicando a mudança, a tela de seleção de layouts é fechada e os widgets são redistribuídos na página conforme o novo layout.

  • Para ajustar a página da forma desejada, é possível arrastar e rearranjar os widgets nos demais slots.

Novo layout da página

 

Card
id6
labelPasso 6

 

  • Ao publicar a página, ela será apresentada com os widgets renderizados obedecendo a nova ordenação.

Nova versão da página publicada

 

Restaurando versões com layouts diferentes

No histórico da página é possível acompanhar informações sobre os layouts que já foram utilizados por ela. Se desejado, é possível restaurar uma versão antiga.

...