Árvore de páginas

Atenção!

A solução TOTVS Fluig No-Code será descontinuada em 30/10/2024 e não estará mais disponível para acesso a partir dessa data.

Mais informações podem ser obtidas em Descontinuação TOTVS Fluig No-Code.

Dica!

Encontre os recursos existentes nos aplicativos TOTVS Fluig No-Code na nova solução que já está disponível: o TOTVS Collab.

Assim, você pode continuar usufruindo de todos os benefícios da gestão de projetos e tarefas, além de promover a colaboração no seu time!


Esse componente cria um menu com opções, para que o conteúdo da sua página fique mais organizado e acessível. 

No Editor de páginas, ao passar o cursor sobre esse componente e acionar  são apresentadas as seguintes configurações:


Configura as propriedades gerais do componente.

Código da âncora
Código gerado automaticamente ao incluir o componente na página, mas pode ser alterado para facilitar a identificação.

Logotipo
Imagem que deve ser apresentada no logotipo do menu. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.

DICA!
Evite colocar logos muito grandes - a imagem usada no logo do menu deve ter no máximo 50px de altura.

Link do logotipo
Endereço a ser acessado ao clicar na logo.

Cor do texto
Configura a cor do texto do menu.

Realce do texto
Configura a cor que deve ser apresentada no texto ao passar o mouse sobre o item de menu.

Cor do fundo
Configura a cor que deve ser apresentada no fundo do menu.

Realce do fundo
Configura a cor de fundo que deve ser apresentada ao passar o mouse sobre o menu.

Alinhar a direita?
Indica se os itens de menu devem ser alinhados à direita. Por padrão, eles são alinhados à esquerda.

Expandir conteúdo
Configuração de largura do componente. Se essa opção estiver habilitada. o componente será redimensionado conforme a largura da tela.

Tamanho do texto
Tamanho da fonte dos itens de menu.

Espaçamento externo
Configura o espaçamento que deve ser apresentado ao redor do componente. O ícone  indica que pode ser definida uma medida específica para cada lado e o ícone indica que será definida uma medida igual para todos os lados. 

Espaçamento interno
Configura o espaçamento que deve ser apresentado no interior do componente, alterando a posição que os itens irão obedecer. O ícone  indica que pode ser definida uma medida específica para cada lado e o ícone indica que será definida uma medida igual para todos os lados. 

Gerencia e configura os itens que devem ser apresentados no menu. 

Espaçamento interno
Configura o espaçamento que deve ser apresentado no interior do componente, entre os itens. O ícone indica que pode ser definida uma medida específica para cada lado e o íconeindica que será definida uma medida igual para todos os lados. 

Para gerenciar as imagens da galeria, são apresentadas as seguintes opções:

 Adicionar item

DICA!
A função do menu é facilitar a navegação pelos conteúdos do seu site, por isso, dê preferência em utilizar palavras objetivas e evite inserir mais que dez itens de menu.

 Remover item

Itens de menu


 Veja a imagem

Cada item tem a seguinte configuração:

URL

Âncora ou endereço web que será aberto ao acionar o item. Utilize o ícone  para indicar se o endereço deve ser aberto em uma nova janela do navegador, na mesma janela ou em uma âncora (ou seja, um componente da própria página).

Título
Configura o título do item.

Cor da borda
Permite selecionar a cor da borda do menu

Largura da borda
Permite selecionar a largura que a borda deve ter. Se for 0,  não será apresentada nenhuma borda,

Cantos arredondados
Define um valor para o arredondamento da borda. Se for 0, a borda será totalmente quadrada.