AEM Forms permite a los desarrolladores de formularios incrustar sin problemas formularios adaptables y comunicaciones interactivas en una aplicación de una sola página de AEM Sites (SPA). El formulario adaptable integrado y la comunicación interactiva son totalmente funcionales y los usuarios pueden rellenar y enviar el formulario sin salir de la página. Ayuda al usuario a permanecer en el contexto de otros elementos de la página web e interactuar simultáneamente con la forma adaptativa o la comunicación interactiva.
En la aplicación de una sola página de AEM Sites, puede agregar un formulario adaptable o una comunicación interactiva mediante el componente Contenedor de SPA de AEM Forms . Es un componente de AEM Forms para AEM Sites SPA que puede agregar a su página Sitios .
Para obtener información sobre la incrustación de un formulario adaptable en un AEM Sites no SPA, consulte Incrustar un formulario adaptable o comunicación interactiva en la página de AEM Sites.
Para incrustar un formulario adaptable o una comunicación interactiva en un sitio AEM SPA con el componente Contenedor de SPA de AEM Forms, asegúrese de que ha instalado:
Ejecute los siguientes pasos para instalar el componente Contenedor de SPA de AEM Forms:
Instale el componente AEM Forms para SPA. Las instrucciones para instalar el componente están disponibles en el archivo README.md.
El componente incluye un componente React de muestra que puede utilizarse para integrar SPA componente contenedor con un proyecto de SPA basado en React.
Integre SPA componente contenedor con un proyecto de SPA basado en React utilizando las instrucciones disponibles en el archivo README.md.
Después de instalar el componente Contenedor de SPA de AEM Forms e integrar el componente con un proyecto de SPA basado en React, puede incrustar formularios adaptables y comunicaciones interactivas en la página de AEM Sites.
Para incrustar un formulario adaptable o una comunicación interactiva con el componente Contenedor de AEM Forms para SPA:
Abra la página AEM sitios en modo de edición, en la que desea incrustar un formulario adaptable o una comunicación interactiva.
Inserte el componente AEM Form for SPA en la página mediante cualquiera de las siguientes opciones:
Pulse el contenedor de diseño en la página Sitios, pulse + y seleccione el componente AEM Formulario para SPA.
En el panel Navegador de componentes, arrastre y suelte el componente AEM Formulario para SPA en la página.
Busque un formulario adaptable o una comunicación interactiva en el explorador de Assets y arrástrelo y suéltelo en la página Sitios . Incrusta el formulario en un AEM Forms para SPA contenedor de componentes.
No se admite el procesamiento de varios componentes de Contenedor de SPA de AEM Forms en una página. Puede tener varios Contenedores de SPA de AEM Forms en una página, pero solo se procesa un componente a la vez. Asegúrese de que solo un componente esté visible en una página para evitar discrepancias.
Pulse el componente Contenedor de SPA de AEM Forms incrustado en la página Sitios y, a continuación, pulse en la barra de acciones. Se abre el cuadro de diálogo Editar contenedor de SPA de AEM Forms.
En el cuadro de diálogo Editar contenedor de AEM Forms, especifique lo siguiente:
Tipo de recurso: seleccione el tipo de recurso que desea incrustar. Las opciones son Formulario adaptable y Comunicación interactiva
Ruta del recurso: Busque y seleccione el formulario adaptable o la comunicación interactiva que desea incrustar. El campo se rellena automáticamente si se inserta un formulario adaptable o una comunicación interactiva mediante el explorador de Assets.
Canal (solo comunicación interactiva): Seleccione el tipo de canal interactivo que desea incrustar. Las opciones son Canal web y Canal de impresión.
Tema: Seleccione un tema que defina el estilo para los componentes de su formulario adaptable o Comunicación interactiva. El estilo incluye propiedades de aspecto como el estilo de fuente, el color de fondo, las dimensiones y la alineación.
Toque para guardar la configuración. El formulario adaptable o Comunicación interactiva está ahora incrustado en la página.
Considere los siguientes escenarios para publicar un recurso incrustado (formulario adaptable o comunicación interactiva) en la página de AEM Sites:
AEM página sitios mantiene una referencia al formulario adaptable y la comunicación interactiva en el contenedor de AEM Forms. Por lo tanto, todas las configuraciones y propiedades, como el tema, los estilos y la acción de envío, configuradas en el formulario adaptable original y la comunicación interactiva se conservan en el formulario adaptable integrado y en la comunicación interactiva.
Para modificar cualquier configuración o propiedad del formulario adaptable incrustado y la comunicación interactiva, realice una de las siguientes acciones:
Tenga en cuenta los siguientes puntos al incrustar formularios adaptables en páginas AEM sitios: