Temas de referencia

🔗 Los temas permiten aplicar estilo a los formularios sin tener conocimientos profundos de CSS. Además del tema predeterminado, puede obtener los siguientes temas instalando el paquete de complementos de AEM Forms:

  • Beryl
  • Exec
  • Exec-Light
  • Libertad
  • Ultramarino
  • Urbane
  • Estándares de diseño web de EE. UU.
  • Tranquilo

Cada tema contiene un estilo único y elegante que puede utilizar para crear formularios adaptables para los usuarios. Contiene un estilo único para selectores como panel, cuadro de texto, cuadro numérico, botón de radio, tabla y conmutador. Los ajustes en estos temas se basan en requisitos. Por ejemplo, en una situación concreta se requiere un tema minimalista con fuentes limpias. El tema de la libertad te permite conseguir ese aspecto.

Temas de referencia

Los temas incluidos en este paquete son interactivos y el estilo de estos temas se define para las pantallas móviles y de escritorio. La mayoría de los navegadores modernos de una variedad de dispositivos pueden procesar formularios aplicados con uno de estos temas sin ningún inconveniente.

Para obtener más información sobre la instalación del paquete, consulte Cómo trabajar con paquetes.

Beryl

El tema Beryl es utilizado por la forma adaptativa We.Gov, y enfatiza el uso de la imagen de fondo, la transparencia y los iconos grandes y planos. En la captura de pantalla siguiente, puede ver el aspecto del tema Beryl y cómo puede mejorar el estilo del formulario.

Tema de Beryl

Exec

El tema Exec evita rellenos de fondo sólidos para resaltar los componentes del formulario. Al seleccionar y hacer clic en los componentes, se cambian los colores de fuente. En comparación con el tema de lienzo predeterminado, el color de fuente del texto en la ficha seleccionada cambia a azul oscuro. Observe que los botones de navegación y envío son diferentes del tema Beryl.

Tema de Exec

Luz de Exec

El tema de Exec Light utiliza el espacio en blanco para crear una experiencia perfecta. Los botones Siguiente y Enviar obtienen un relleno sólido y una sombra 3D. Las pestañas seleccionadas a la izquierda obtienen una flecha en lugar de marcas de verificación doble.

Tema de luz de exec

Libertad

El tema de la libertad utiliza un enfoque minimalista para resaltar lo importante. Por ejemplo, el color de fuente de la ficha visitada cambia a verde. Solo puede ver el contorno inferior del cuadro de texto que emula el aspecto de un formulario basado en papel con líneas. El cuadro de texto activo tiene un contorno inferior negro, mientras que otros obtienen un contorno inferior gris claro.

Tema de la libertad

Tranquilo

El tema tranquilo ofrece tonos claros y oscuros de la combinación de colores Tranquilos para resaltar los diferentes componentes de un formulario. Por ejemplo, los botones de radio, los paneles y las pestañas tienen un color verde diferente.

Tema tranquilo

Ultramarino

El tema ultramarino utiliza tonos azules profundos para resaltar componentes como fichas, paneles, cuadros de texto y botones.

Tema ultramarino

Urbane

El tema de Urbane destaca el aspecto minimalista y funcional de su forma. Al aplicar el tema Urbane al formulario, puede ver que los componentes son planos. Los paneles tienen contornos finos para crear un aspecto moderno.

Tema de Urbane

Estándares de diseño web de EE. UU.

El tema de las normas de diseño web de EE.UU., como su nombre sugiere, utiliza tipos de letra y estilos descritos en el sitio Borrador de normas de diseño web de EE.UU. Las organizaciones federales utilizan el estándar web para crear experiencias web coherentes en todos los sitios web del gobierno federal.

Tema de las normas de diseño web de EE. UU.

En esta página