Árvore de páginas

Versões comparadas

Chave

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

...

A seguir visualize como utilizar Widgets em uma página. Movimente-se nas abas para acompanhar o passo a passo:

 

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

 

  • Para acesso ao modo de edição de uma página, abra ela no menu lateral esquerdo e clique

...

  • em Configurações

...

  •  localizado no canto superior direito e posteriormente

...

  • em Editar Página.

Image Modified

...

Card
id2
labelPasso 2

 

  • No modo de edição de uma página, é possível

...

  • adicionar Widgets

...

  •  nos slots.

...

  •  Observe que existe um componente flutuante com a listagem

...

  • dos Widgets

...

  •  disponíveis

    Image Modified

Card
id3
labelPasso 3

 

  • Para adicionar

...

  • um Widget

...

  •  na página, clique e arraste o item da lista

...

  • de Widgets

...

  •  para um

...

  • dos slots

...

  •  livres

    Image Modified

...

Card
id4
labelPasso 4

 

  • Widget é

...

  • adicionado à página. 

    Image Modified

Card
id5
labelPasso 5

 

  • Para adicionar

...

  • outros Widgets

...

  •  na página, repita o procedimento anterior. Importante saber que é possível

...

  • adicionar Widgets

...

  •  somente em slots

...

  •  vazios

    Image Modified

 

Card
id6
labelPasso 6

 

  • O

...

  • segundo Widget

...

  •  é adicionado à página. 

    Image Modified

Card
id7
labelPasso 7

 

  • Depois de adicionar

...

  • os Widgets, para visualizar a página, clique no

...

  • ícone Engrenagem

...

  •  e posteriormente

...

  • em Visualizar.

    Image Modified

Card
id8
labelPasso 8

 

  • A página é apresentada. 

    Image Modified

 

 

 

Configuração de Widgets

Alguns Widgets necessitam de configuração para o correto funcionamento. Esta configuração é feita por meio do recurso Editar presente no menu de ações do Widget. Exemplos: Widgets Editor HTML, Perspectiva de Listas e Link Externo, entre outros. Abaixo segue as configurações do Widget Link Externo para edição:

...

Outra forma de configurar Widgets é por meio da tela de edição de página, no qual todos os Widgets adicionados na página são dispostos em modo de edição.

 

Deck of Cards
effectDuration0.5
id

...

samples
historyfalse
effectTypefade
Card
defaulttrue
id1
labelPasso1

 

  • Para configurar Widgets, acesse a página no qual ele foi adicionado.

    Image Modified

...

Card
id2
labelPasso 2

 

  • Os Widgets que permitem configuração apresentam o

...

  • ícone Engrenagem.

...

  •  Clique nesse ícone

...

  •  e posteriormente

...

  • em Editar.

    Image Modified

Card
id3
labelPasso 3

 

  • O modo de edição

...

  • do Widget

...

  •  é aberto.

    Image Modified

Card
id4
labelPasso 4

 

  • Para

...

  • Widget

...

  •  Editor HTML

...

  •  insira um título e um

...

  • conteúdo HTML

...

  •  através do editor gráfico. Após finalizado clique

...

  • em Salvar,

...

  •  representado por

...

  • um Disquete,

...

  •  no menu do editor gráfico.

    Image Modified

...

Para visualizar a edição realizada no Widget, clique no ícone Engrenagem e posteriormente em Visualizar.

...

Card
id5
labelPasso 5

 

  • Note que agora

...

  • Widget possui um novo conteúdo. Nesta página ainda existe

...

  • Widget Perspectiva de lista

...

  •  que também necessita ser configurado, para isso acesse o modo de edição dele.

    Image Modified

 

Card
id6
labelPasso 6

 

  • O modo de edição

...

  • do Widget

...

  •  é aberto. Note que o modo de edição de

...

  • cada Widget

...

  •  é diferente. Clique

...

  • em Selecionar.

    Image Modified

Card

...

id7
labelPasso 7

 

  • A tela Selecionar Perspectiva

...

  •  é aberta. Selecione uma lista, em seguida selecione uma perspectiva e para finalizar clique

...

  • em Selecionar.

    Image Modified

Card
id8
labelPasso 8

 

  • A configuração

...

  • do Widget

...

  •  é finalizada

    Image Modified

Card
id8
labelPasso 8

 

  • Ao acessar novamente a página,

...

  • Widget

...

  •  Perspectiva de lista

...

  •  apresenta uma lista dos contatos da empresa

    Image Modified