Árvore de páginas

Versões comparadas

Chave

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

Índice

Índice

Modificando o Layout de uma Página

A partir da release 1.5 do Fluig, torna-se possível modificar o layout de qualquer página editavel quantas vezes for necessário. Para tanto, basta realizar uma simples operação de escolha do novo layout.

Escolhendo um Novo Layout

Em uma página que você possua acesso de modificação, acesso o menu de configurações e escolha a opção "Editar Página":

maxLevel4
outlinetrue
exclude.*ndice
stylenone


Visão Geral

O objetivo deste guia é demonstrar como funciona a modificação de layout de uma página do TOTVS Fluig Plataforma. É possível mudar o layout de qualquer página editável no Fluig Plataforma, 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.

    Image Added

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.

Image Added

Trocar layout


Card
id3
labelPasso 3


  • A janela para troca de layout será exibida

Image Removed(clique na imagem para ampliar)

...

  • trazendo o layout atual selecionado e o botão

...

  • Aplicar

...

Image Removed(clique na imagem para ampliar)

Escolha qualquer outro layout que desejar e o botão "Aplicar Layout" será habilitado:

  • layout desabilitado.

Image Added

Opções de layouts


Card
id4
labelPasso 4


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

  • Acionar Aplicar layout.

Image Added

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.

Image Added

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

...

  • .

Image Added

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.

Image Added

Consulta ao histórico de alterações na página


Sobre o processo de troca de layout em uma página

Quando uma página tem seu layout alterado, a plataforma Fluig redistribui os

Image Removed

(clique na imagem para ampliar)

Versão Anterior

Image Removed

(clique nas imagens para amplicar)

Restaurando Versões com Layouts Diferentes

Em essência não há qualquer diferença entre a restauração de uma página onde o layout foi modificado de uma onde não foi, pois as informações a respeito de posicionamento das widgets também é versionada dentro da plataforma Fluig. A única mudança ocacionada é que agora informações a respeito do layout utilizado também aparecem na tela de histórico de versões:

Image Removed(clique na imagem para ampliar)

Sobre o Processo de Modificação de Layout em uma Página

Quando uma página sofre mudança de layout, a plataforma Fluig redistribui as widgets pelos novos slots obedecendo as sequintes seguintes regras:

  1. Cada widget é analisada analisado de forma independente obedecendo a posição em que se encontra na página e slot;.
  2. Se o novo layout possuir um um slot com o mesmo nome daquele em que a o widget estava alocada alocado no layout antigo, o Fluig a posicionará ali ou;a plataforma Fluig determinará que o widget deve assumir a posição do slot com o mesmo nome.
  3. Se não houver um slot de mesmo nome, um outro será escolhido de forma aleatórea;aleatória e a página é apresentada de maneira diferente.
  4. Sempre que a o widget é inserida inserido em seu novo slot (seja ele de mesmo nome ou não), será posta disposto na última posição possível para aquele slot;

 

...

  1. .


...

E quando há mais slots?

A quantidade de widgets por slot

...

diminui, uma vez que eles

...

ficam mais

...

espalhados, obedecendo a regra de mesmo nome citada

...

anteriormente na regra 2.


E quando há

...

menos slots?

A quantidade de widgets por slot

...

titleE se não houver nenhum nome de slot igual?

...

aumenta.