Encabezado header-adaptive-forms-core-component

El componente Encabezado de un Formulario adaptable es una sección de la parte superior del formulario que generalmente incluye el título, el logotipo o el nombre del formulario. El encabezado también puede incluir otras informaciones, como una breve descripción de la finalidad del formulario, el nombre de la organización que lo ha creado o la información de contacto para obtener ayuda. El encabezado se utiliza para proporcionar a los usuarios una descripción general del formulario y contexto para la información que están a punto de ingresar. Se utiliza para ayudar a los usuarios a conocer la finalidad del formulario y cómo rellenarlo correctamente.

Ejemplo

ejemplo

Uso reasons-to-use-header

  • Personalización de marca: se puede utilizar un encabezado para mostrar el logotipo o el nombre de la organización que ha creado el formulario, lo que ayuda a establecer el reconocimiento y la credibilidad de la marca.

  • Contexto: un encabezado puede proporcionar una breve descripción de la finalidad del formulario, lo que ayuda a los usuarios a comprender el contexto en el que se utiliza el formulario.

  • Navegación: un encabezado puede incluir vínculos o botones que permiten a los usuarios navegar a otras partes del sitio web o aplicación.

  • Información: un encabezado puede incluir información de contacto o vínculos a recursos de ayuda, lo que facilita la obtención de asistencia, en caso de que la necesiten.

  • Experiencia del usuario: se puede utilizar un encabezado para facilitar el uso del formulario, proporcionando una forma clara e intuitiva de que los usuarios accedan a los campos del formulario y los rellenen.

Versión y compatibilidad version-and-compatibility

El componente principal de acordeón de formularios adaptables se publicó en febrero de 2023 como parte de los componentes principales 2.0.4 para Cloud Service y componentes principales 1.1.12 para AEM 6.5.16.0 Forms o posteriores. A continuación se muestra una tabla con todas las versiones admitidas, la compatibilidad con AEM y los vínculos a la documentación correspondiente:

Versión del componente
AEM as a Cloud Service
AEM 6.5.16.0 Forms o posteriores
Versión 1
Compatible con la
versión 2.0.4 y posteriores
Compatible con la
versión 1.1.12 y posteriores, pero inferiores a 2.0.0.

Para obtener información sobre las versiones y publicaciones de los componentes principales, consulte el documento Versiones de los componentes principales.

Detalles técnicos technical-details

Obtenga la información más reciente sobre el componente principal de encabezado de formularios adaptables en la documentación técnica de GitHub. Para obtener más información sobre el desarrollo de los componentes principales, consulte la Documentación para desarrolladores de componentes principales.

Cuadro de diálogo de configuración configure-dialog

Puede personalizar fácilmente la experiencia del encabezado para los visitantes con el cuadro de diálogo de configuración. También puede definir las opciones de encabezado con facilidad para que la experiencia del usuario sea óptima.

Pestaña Imagen image-tab

Esta parte del encabezado contiene el título y la imagen del encabezado.

Pestaña Imágenes

  • Recurso de imagen: esta opción permite soltar un recurso como una imagen arrastrando y soltando con el ratón. También puede cargar un archivo desde un sistema de archivos local utilizando el botón Examinar. Después de añadir una imagen, aparecen tres botones en la parte inferior de la imagen. Después de añadir una imagen, aparecen tres botones en la parte inferior de la imagen:

    • Editar: pulse o haga clic en Editar para administrar las representaciones del recurso en el Editor de recursos.
    • Borrar: pulse o haga clic en Borrar para anular la selección de la imagen seleccionada actualmente.
    • Elegir: pulse o haga clic en Elegir para seleccionar otra imagen de la carpeta Recursos.
  • Título: esta opción se utiliza para añadir el título al encabezado. El texto predefinido se incluye en el cuadro de diálogo y el usuario lo puede modificar.

  • Vincular a: puede vincular el encabezado a la carpeta mediante el icono de Examinar.

  • Descripción: una descripción es una breve explicación de texto que proporciona información adicional o aclaración sobre la finalidad de una imagen específica.

  • Tamaño (px): ayuda a ajustar la longitud y anchura de la imagen aumentando o disminuyendo los píxeles.

accessibilitytab

  • Texto alternativo: esta opción se utiliza para introducir el texto que proporciona una alternativa de texto breve y descriptivo de la imagen, que describe la imagen para las personas con discapacidad visual.

  • La imagen es decorativa: compruebe si la tecnología de asistencia debe ignorar la imagen y, por lo tanto, no requiere un texto alternativo. Esto solo se aplica a imágenes decorativas.

Pestaña Texto text-tab

Esta sección permite introducir el texto que se incluirá en el encabezado.

Artículos relacionados related-articles

Consulte también see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c