Á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 possibilita incluir diversos textos, que são apresentados lado a lado horizontalmente. Cada conteúdo de texto pode ter imagem, ícone e botões, para tornar o conteúdo mais completo. 

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.

DICA!
Com a âncora, você consegue direcionar o usuário para o ponto exato da página em que seu componente está inserido. Isso pode ser feito, por exemplo, com um item do componente Menu, fazendo-o abrir essa âncora da página.

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

Alinhamento
Indica o alinhamento de todos os textos. Pode ser alinhado à esquerda, centralizado ou à direita.

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. 

Conteúdo de texto


 Veja a imagem

Gerencia e configura os textos que devem ser apresentados. 

Para gerenciar os textos, são apresentadas as seguintes opções:

 Incluir texto

 Remover texto
Essa opção é apresentada ao passar o mouse sobre o quadro do texto.

 ou 

O ícone  no quadro referente ao texto indica que há uma imagem associada, e o ícone  indica que o texto não tem imagem associada. Para facilitar a identificação de cada quadro, é apresentada ainda uma miniatura da imagem, quando associada. Para alterar o conteúdo, basta clicar na área desse quadro, e com isso será aberto o menu para configuração do texto.


Configuração do texto


Para cada texto é necessário configurar:

Imagem/Sem imagem
Indica se o conteúdo do texto será com ou sem imagem. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.

DICA!
Utilize imagens para chamar a atenção, mas prefira imagens com proporção 4:3 ou 4:4 para evitar que fiquem desconfiguradas.

Imagem de fundo como ícone
Indica se deve ser habilitado o recurso para ajustar a imagem em formato de ícone, para evitar que ela tenha cortes ou distorções.

Título
Título da galeria. Pode ter até 255 caracteres.

DICA!
Escolha títulos com palavras chaves, que atraiam a atenção de quem estiver fazendo uma leitura rápida.

Texto
Conteúdo de texto que deve ser apresentado abaixo do título.

Espaçamento interno
Configura o espaçamento que deve ser apresentado no interior de cada conteúdo de texto, alterando a posição que o texto irá 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. 

 Adicionar item
Essa opção permite adicionar botões ao conteúdo de texto, e esses botões direcionam para outros endereços web.

 Remover
Essa opção permite remover o botão em questão.

Botões


 Veja a imagem

Cada botão tem a seguinte configuração:

URL
Endereço web que será aberto ao acionar o botão.

Abrir em uma nova aba?
Indica se o endereço deve ser aberto em uma nova aba ou na atual.

Texto
Configura o texto do botão.

Cor do texto
Configura a cor do texto do botão.

Cor do botão
Configura a cor do botão.

Cor da borda
Configura a cor da borda do botão.

Largura da borda
Configura a largura da borda do botão. Caso seja informado 0, o botão fica sem borda.

Cantos arredondados
Configura o quanto os cantos do botão serão arredondados. Caso 1, os cantos permanecem quadrados.