Show Menu
TÓPICOS×

Temas de referência

Os temas permitem estilizar seus formulários sem o profundo conhecimento da CSS. Além do tema padrão, você pode obter os seguintes temas instalando o pacote AEM-FORMS-6.3-REFERENCE-THEMES :
  • Beril
  • Exec
  • Exec-Light
  • Liberdade
  • Ultramarina
  • Urbana
  • Padrões de Web Design dos EUA
  • Tranquilo
Cada tema contém um estilo exclusivo e elegante que você pode usar para criar formulários adaptativos deliciosos para seus 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 se baseiam em requisitos. Por exemplo, em um cenário específico, é necessário um tema minimalista com fontes limpas. O tema da liberdade permite que você alcance esse olhar.
Os temas incluídos neste pacote são responsivos e o estilo nesses temas é definido para exibições móveis e de desktop. A maioria dos navegadores modernos em vários dispositivos pode renderizar formulários aplicados com um desses temas sem qualquer inconveniente.
Para obter mais informações sobre como instalar o pacote, consulte Como trabalhar com pacotes .

Beril

O tema Beryl é usado pela forma adaptativa We.Gov e enfatiza o uso da imagem de fundo, a transparência e os í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 do formulário. BerylClique para ampliar

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.

Exec Light

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

Liberdade

O tema da liberdade usa uma abordagem minimalista para destacar a importância. Por exemplo, a cor da fonte da guia visitada muda para verde. É possível visualizar apenas 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 cinza claro no contorno inferior.

Tranquilo

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

Ultramarina

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

Urbana

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

Padrões de Web Design dos EUA

O tema Padrões de Web Design dos Estados Unidos, como o nome sugere, usa fontes e estilos descritos no site Padrões de Web Design nos Estados Unidos. O padrão web é usado por organizações federais para criar experiências web consistentes em sites governamentais federais.