Árvore de elementos (painel direito)

No WebAcappella, o painel do lado direito está sempre visível e desempenha uma função essencial no gerenciamento dos elementos da página. Ele fornece uma visão hierárquica completa da estrutura da página e facilita a interação com cada componente.

Apresentação do painel direito

O painel do lado direito é dividido em várias seções, mas a mais importante para edição é a árvore de itens.

Essa árvore exibe todos os itens da página em uma lista organizada, sincronizada com o plano de trabalho.

Ele permite que você :

visualizar a hierarquia completa dos elementos (caixas, linhas, colunas, componentes).

selecione rapidamente um item, mesmo que ele seja difícil de alcançar na bancada.

mover elementos na hierarquia para reorganizar o layout.

Árvore de elementos

Selecione um item por meio da estrutura em árvore

  1. Localize o item desejado na árvore.

  2. Clique no elemento: ele será automaticamente selecionado no plano de trabalho.

  3. O elemento selecionado é exibido com suas propriedades, permitindo uma modificação rápida.

Seleção de um item na estrutura em árvore

Mover um item na estrutura da árvore

  1. Clique e mantenha pressionado um item.

  2. Arraste-o para uma nova posição na hierarquia.

  3. Solte o clique para reposicionar o elemento na estrutura da página.

Aviso

Aviso: Alguns elementos não podem ser movidos livremente. Por exemplo, uma coluna sempre deve ser colocada dentro de uma linha.

Mover um item na estrutura da árvore

Vantagens de usar o painel do lado direito

seleção mais precisaIdeal para capturar itens sobrepostos

ou difícil de clicar.

visualização hierárquica clara: fornece uma organização estruturada da página.

economia de tempoNão há necessidade de aumentar o zoom ou procurar um elemento oculto,

tudo está claramente listado.

fácil de moverA reorganização de elementos é mais rápida

do que manuseá-los diretamente na superfície de trabalho.

Melhores práticas

use a estrutura em árvore para navegar rapidamente entre os itens.

mova os elementos com cuidado para não desorganizar o layout.

alternar entre o plano de trabalho e a estrutura em árvore para facilitar a edição.