Temas de Referência

🔗 Os temas permitem estilizar seus formulários sem o conhecimento profundo de CSS. Além do tema padrão, você pode obter os seguintes temas instalando o pacote complementar do AEM Forms:

  • Beril
  • Exec
  • Exec-Light
  • Liberdade
  • Ultramarina
  • Urbane
  • Padrões de web design dos EUA
  • Tranquilo

Cada tema contém um estilo exclusivo e elegante que pode ser usado para criar formulários adaptáveis encantadores para os usuários. Ele contém um estilo exclusivo para seletores como painel, caixa de texto, caixa numérica, botão de opção, tabela e switch. As estilos nesses temas baseiam-se em requisitos. Por exemplo, em um cenário específico, você precisa de um tema minimalista com fontes limpas. O tema da liberdade permite-nos alcançar esse aspecto.

Temas de Referência

Os temas incluídos neste pacote são responsivos e o estilo nesses temas é definido para exibições móveis e para desktop. A maioria dos navegadores modernos em vários dispositivos pode renderizar formulários aplicados com um desses temas sem complicações.

Para obter mais informações sobre como instalar o pacote, consulte Como trabalhar com pacotes.

Beril

O tema Beryl é usado pela forma adaptável We.Gov e enfatiza o uso de imagem de fundo, transparência e ícones grandes e planos. Na captura de tela abaixo, você pode ver a aparência do tema Beryl e como ele pode melhorar o estilo de seu formulário.

Tema de berilo

Exec

O tema Exec evita preenchimentos sólidos em segundo plano para enfatizar os componentes do formulário. Selecionar e clicar em componentes altera as cores das fontes. Em comparação ao tema padrão Tela, a cor da fonte do texto na guia selecionada muda para azul escuro. Observe como os botões de navegação e envio são diferentes do tema Beryl.

Tema executivo

Execução de luz

O tema Exec Light usa espaço em branco para criar uma experiência contínua. Os botões Next e Submit obtêm um preenchimento sólido e uma sombra 3D. As guias selecionadas à esquerda recebem uma seta em vez de marcas de verificação duplas.

Tema de luz executivo

Liberdade

O tema da liberdade usa uma abordagem minimalista para destacar o importante. Por exemplo, a cor da fonte da guia visitada muda para verde. Você só pode ver o contorno inferior da caixa de texto que emula a aparência de um formulário baseado em papel com linhas. A caixa de texto ativa tem um contorno inferior preto, enquanto outros ficam com o contorno inferior cinza claro.

Tema da liberdade

Tranquilo

O tema tranquilo fornece tons claros e escuros do esquema de cor Tranquilo para destacar diferentes componentes de um formulário. Por exemplo, botões de opção, painéis e guias recebem um tom diferente de verde.

Tema do tranquilo

Ultramarina

O tema ultramarine usa tons azuis profundos para realçar componentes como guias, painéis, caixas de texto e botões.

Tema ultramarino

Urbane

O tema Urbane enfatiza uma aparência minimalista e funcional para seu formulário. Ao aplicar o tema Urbane ao seu formulário, você pode ver que os componentes são planos. Os painéis obtêm contornos finos para criar uma aparência moderna.

Tema de Urbana

Padrões de web design dos EUA

O tema Padrões de web design dos EUA, como o nome sugere, usa as fontes e os estilos descritos no site Padrões de web dos EUA em rascunho. O padrão da Web é usado por organizações federais para criar experiências consistentes na Web em sites do governo federal.

Tema dos Padrões de Design da Web dos Estados Unidos

Nesta página