Á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 a divisão da página em porções de conteúdo, chamadas de seção. Cada seção é composta por uma imagem, que pode ter um título e uma descrição.

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


Seção


 Veja a imagem

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.

Imagem de fundo
Imagem que deve ser apresentada como fundo na seção. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.

DICA!
Procure uma imagem que represente o que você gostaria de passar para o usuário. Dê preferência a imagens com boa qualidade e nas proporções widescreen (16:9). A imagem a ser anexada no componente de seção deverá comportar nas resoluções recomendadas (720p e 1080p), assim a mesma não perderá qualidade.

Título
Título da seção.

DICA!
Use títulos com palavras chave para chamar a atenção do usuário; insira subtítulos objetivos, que passem a mensagem em poucas palavras.

Tamanho do título
Tamanho da fonte para o título da seção.

Subtítulo
Descrição que deve ser apresentada abaixo do título.

Tamanho do subtítulo
Tamanho da fonte para o texto seção.

Cor do texto
Configura a cor do texto da seção.

Alinhamento horizontal
Indica o alinhamento horizontal do título e do subtítulo. Pode ser alinhado à esquerda, centralizado ou à direita.

Alinhamento vertical
Indica o alinhamento vertical do título e do subtítulo. Pode ser alinhado acima, centralizado ou abaixo.

Altura
Altura da página que será dedicada a essa seção.

Parallax
Indica se o efeito parallax deve ser empregado para paralisar a imagem enquanto a página está sendo percorrida.

DICA!
Habilite o efeito parallax, uma funcionalidade que move a imagem do fundo, criando uma sensação de profundidade ao percorrer a página.

Máscara
Indica se o efeito máscara deve ser empregado, para passar maior destaque ao texto da seção.

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

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, que define a posição do texto. 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.