Á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 na sua página um parágrafo para apresentar textos formatados, com a opção de incluir botões, mostrar imagem e até mesmo incorporar um vídeo para ser apresentado em pop-up.

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 parágrafo.

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.

Texto
Texto que deve ser apresentado no parágrafo. Pode ter até 10.000 caracteres.
É possível configurar o tamanho da fonte, se será negrito (Ctrl + B), itálico (Ctrl + I) ou sublinhado (Ctrl + U), alinhamento horizontal e link (Ctrl + K).

Cor do texto
Configura a cor do texto do parágrafo.

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

Exibir imagem
Indica se deve ser apresentada a imagem referente ao parágrafo.

Exibir vídeo
Indica se deve ser apresentado um vídeo, ao clicar sobre a imagem do parágrafo. 

Alinhar imagem à direita
Indica se a imagem será alinhada à direita. Por padrão, ela é alinhada à esquerda.

Imagem
Imagem que deve ser apresentada no parágrafo. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.

DICA!
Ao inserir a imagem, sempre escolha uma opção que represente bem e chame a atenção para o parágrafo. Dê preferência para imagens com proporção 4:3 para manter a qualidade da imagem.

Título do vídeo
Configura o título da pop-up a ser aberta, ao acionar a opção de visualização do vídeo.

Link do vídeo incorporado
Configura o vídeo a ser apresentado. Para que o vídeo seja apresentado corretamente, é necessário acessar o link incorporado.  Assista ao vídeo

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, entre a imagem e o 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. 

Gerencia e configura os itens que devem ser apresentados no parágrafo. 

 Adicionar item
Essa opção permite adicionar botões ao parágrafo, e esses botões direcionam para outros endereços web.

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


Configuração do botão


Cada item tem a seguinte configuração:

Título
Configura o texto do botã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.

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

Cor do fundo
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 0, os cantos permanecem quadrados.