Você pode usar a guia Estilos no Form Composer, permitindo que desenvolvedores de formulários editem CSS diretamente e visualizem em tempo real o estilo do formulário.

Desenvolva e integre um estilo dedicado usando a guia Estilos dentro do Form Composer, acessível exclusivamente para desenvolvedores de formulários para permitir a personalização avançada da interface do formulário por meio da edição direta de CSS.

A guia Estilos oferece aos desenvolvedores maior controle, flexibilidade e eficiência no design de formulários, atendendo às principais necessidades empresariais de personalização, consistência e escalabilidade.
Controle avançado de personalização
Permite controle preciso da aparência do formulário em nível de CSS, superando as limitações dos editores visuais padrão.
Conformidade com a identidade visual da empresa
Permite que as organizações alinhem totalmente os formulários aos sistemas de identidade visual corporativa e aos requisitos de marca.
Desenvolvimento e iteração mais rápidos
A visualização em tempo real e a estruturação de CSS pronta para uso reduzem consideravelmente o tempo de desenvolvimento e melhoram a velocidade de iteração.
Consistência entre design e tempo de execução
Garante que os estilos aplicados durante o design sejam refletidos com precisão nos formulários ativos, mantendo uma experiência consistente para o usuário.
Menos soluções alternativas e mais autossuficiência
Elimina a necessidade de métodos de personalização não compatíveis e oferece aos desenvolvedores ferramentas integradas, validação e documentação.

Procedimento

  1. Criar um formulário.
  2. Navegue até a guia Regras de formulário e configure a regra de formulário. Para obter mais detalhes, consulte Ações condicionais, regras e elementos.
  3. Vá até a guia Estilos e personalize o estilo usando o editor de estilos.
  4. Clique em Visualizar para visualizar o formulário.
    Com a opção Visualização, você pode visualizar e editar as propriedades de aparência do formulário, como altura, largura, posição e resolução de exibição.
  5. Clique em Reverter para desfazer as alterações.