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:
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.