Crear una página de portal de formularios creating-a-forms-portal-page
Los componentes del portal de formularios permiten a los desarrolladores web crear y personalizar un portal de formularios en sitios web creados con Adobe Experience Manager (AEM). Para obtener una descripción general rápida del portal de formularios, consulte Introducción a la publicación de formularios en un portal.
Requisitos previos prerequisites
Los componentes del portal de formularios no están disponibles para usarlos de forma predeterminada. Asegúrese de que las siguientes categorías de componentes del portal de formularios estén habilitadas según se describe en Habilitar componentes del portal de formularios.
Servicios de documentos Incluye los componentes Buscar y listar, Vínculo y Borradores y envíos.
Predicados de servicios de documentos Incluye componentes predicados de fecha, de texto completo, de propiedades y de etiquetas. Estos componentes se utilizan para configurar la búsqueda en el componente Buscar y listar.
Una vez que se habiliten en una página de AEM Sites, estas categorías de componentes estarán disponibles para usarlas en el explorador de componentes.
Figura: Categorías de componentes del portal de Forms
Componente Buscar y listar search-amp-lister-component
El componente Buscar y listar, disponible en la categoría de componente Servicios de documentos, se utiliza para enumerar formularios en una página e implementar la búsqueda en ellos. El componente incluye dos paneles:
- Panel de lista donde se muestran los formularios.
- Panel de búsqueda donde se agrega la funcionalidad de búsqueda.
Puede arrastrar y soltar el componente Buscar y listar de la categoría del componente Servicios de documentos en el explorador de componentes a la página. El componente, cuando se agrega, tiene un aspecto similar al siguiente.
Figura: Componente de búsqueda y lista en una página con diseño de cuadrícula
Panel de lista list-pane
El panel Lista es un área en la que se enumeran los formularios. El componente Buscar y listar proporciona varias opciones de configuración que puede utilizar para controlar la visualización de formularios en el panel Lista.
Para configurar el panel Lista, pulse el componente Buscar y listar y, a continuación, pulse
Figura: Panel de lista en modo de edición
El cuadro de diálogo Editar incluye varias pestañas que proporcionan las opciones de configuración descritas en la siguiente tabla. Pulse Aceptar para guardar la configuración cuando haya terminado.
Configura el texto de los resultados (por ejemplo, 1-12 de 601 Resultados). El valor predeterminado es Resultados.
Por ejemplo, si especifica Formularios en este campo y hay un total de 601 formularios, el texto resultante cambiará a 1-12 de 601 formularios.
Configura el texto de la página (por ejemplo, Página 1 de 51). El valor predeterminado es Página.
Por ejemplo, si especifica Formulario de solicitud en este campo y hay 51 páginas, el texto de la página cambiará a Formulario de solicitud 1 de 51.
Reemplaza la palabra de con el texto especificado (Página 1 de 51). El valor predeterminado es de.
Por ejemplo, si especifica de las en este campo, el texto cambiará a Página 1 de las 51.
Configura un servlet en el que se envían los datos del formulario.
Nota: La dirección URL de envío de un formulario se puede especificar en varios lugares y su orden de prioridad es el siguiente:
- La dirección URL de envío incrustada en el formulario (en el botón Enviar) tiene la prioridad más alta.
- La dirección URL de envío que se menciona en la interfaz de usuario de AEM Forms tiene la segunda prioridad más alta.
- Enviar URL mencionada en el portal de formularios tiene la prioridad más baja.
Panel Buscar search-pane
El panel Buscar permite agregar los componentes Predicado de fecha, Predicado de texto completo, Predicado de propiedades y Predicado de etiquetas de la categoría Predicados de servicios de documentos de la barra de tareas de AEM. Estos componentes implementan la funcionalidad de búsqueda para que los usuarios realicen búsquedas en los formularios enumerados.
Sugerencia: Puede controlar la lista de formularios mostrados en el portal de formularios en función de criterios preestablecidos y ocultar la funcionalidad de búsqueda para los usuarios finales. Para controlar la lista de formularios, utilice los componentes de predicado para aplicar filtros de búsqueda. También puede especificar los valores de filtro predeterminados y deshabilitar la búsqueda desde la pestaña Mostrar del cuadro de diálogo Editar componente.
Figura: Panel de búsqueda con predicado Fecha, Texto completo, Propiedades y Etiquetas
Predicado Fecha date-predicate
Cuando se agrega el componente Predicado Fecha, permite buscar en los formularios enumerados que se modificaron durante una duración especificada.
Para configurar el componente Predicado Fecha:
-
Pulse el componente y, a continuación, pulse
-
Especifique lo siguiente:
- Tipo: la única opción disponible es Fecha de la última modificación.
- Texto: etiqueta o rótulo para el componente Predicado Fecha. El valor predeterminado es Fecha de la última modificación.
- Etiqueta Fecha de inicio: etiqueta o rótulo del campo de la fecha de inicio.
- Etiqueta Fecha de finalización: etiqueta o rótulo para el campo de la fecha de finalización.
- Ocultar: aplicar el filtro de fecha predeterminado a los formularios de lista.
-
Pulse Aceptar.
Predicado de texto completo full-text-predicate
El componente Predicado Texto completo implementa la búsqueda de texto completo en los datos del formulario, como el nombre y la descripción. Los usuarios pueden buscar cualquier cadena de texto para devolver formularios que contengan el texto de su nombre o descripción.
Para configurar el componente Predicado Texto completo, haga lo siguiente:
- Pulse el componente y, a continuación, pulse
- Especifique el título en el campo Título principal.
- Pulse Aceptar.
Predicado Propiedades properties-predicate
El componente Predicado Propiedades implementa la búsqueda de formularios en función de sus propiedades, como título, autor y descripción.
Para configurar el componente Predicado Propiedades, haga lo siguiente:
-
Pulse el componente y, a continuación, pulse
-
En el General , especifique la etiqueta de búsqueda. El valor predeterminado es Propiedades.
-
En el Opciones ficha, toque Agregar elemento.
-
Seleccione una propiedad de la lista desplegable y especifique una etiqueta de búsqueda para ella en el campo situado debajo de la lista desplegable.
-
Repita el paso 4 para agregar más propiedades. También puede especificar un valor de filtro predeterminado para enumerar formularios en función de los criterios especificados y ocultar la propiedad para que la busquen los usuarios finales. Seleccione la casilla Ocultar de una propiedad y especifique el valor de filtro predeterminado.
Por ejemplo, si desea mostrar formularios que contengan “Viajar” en sus títulos, seleccione Ocultar junto a la propiedad Título. Además, especifique Viajar en el cuadro de texto con valor de filtro predeterminado.
-
Pulse Aceptar.
Predicado Etiquetas tags-predicate
El componente Predicado Etiquetas implementa la búsqueda de formularios en función de las etiquetas definidas en Forms Manager.
Para configurar el componente Predicado Etiquetas:
- Pulse el componente y, a continuación, pulse
- Pulse el botón de flecha hacia abajo situado junto al campo Etiquetas.
- Seleccione las etiquetas adecuadas.
- Pulse Aceptar.
Las etiquetas seleccionadas aparecerán en el panel Buscar junto con las casillas de verificación para seleccionarlas. Ahora los usuarios pueden limitar la búsqueda en función de las etiquetas.
Enumerar formularios en una página list-forms-on-a-page-br
Para enumerar formularios en una página, agregue el componente Buscar y listar a la página y configure el Panel Lista. Para permitir que los usuarios finales busquen formularios con fecha, texto y etiquetas, agregue un componente Panel Buscar.
Para vincular un formulario desde cualquier lugar de la página, utilice el componente Vínculo. Para obtener más información sobre el componente de vínculo, consulte Incrustar un componente Vínculo en una página.
Para enumerar los formularios que están en estado de borrador y los que ya se han enviado, utilice el componente Borradores y envíos. Para obtener más información, consulte Personalizar el componente Borradores y envíos.
Compatibilidad con dispositivos móviles mobile-device-friendliness
El componente Buscar y listar del portal de formularios es compatible con dispositivos móviles y se adapta a ellos. Las tres vistas predeterminadas: Cuadrícula, Tarjeta, Presentaciones de panel se adaptan según el dispositivo en el que se abra el sitio, siempre que la página web también se adapte. El simple hecho es que Buscar y listar es solo un componente y no controla el estilo de nivel de página.
La siguiente imagen muestra el componente Buscar y listar cuando se abre en un dispositivo móvil:
Figura: Componente Búsqueda y listado
Personalizar una página del portal de formularios customizing-a-forms-portal-page-br
Puede personalizar una página del portal de formularios para que tenga un aspecto distinto. También puede agregar metadatos para mejorar la experiencia de búsqueda, cambiar el diseño de la página y agregar estilos CSS personalizados. Para obtener más información, consulte Personalizar plantillas para componentes del portal de formularios.
La interfaz de usuario de AEM Forms permite agregar metadatos personalizados a los formularios. Los metadatos personalizados son útiles para ofrecer a los usuarios finales la experiencia de buscar y listar formularios. Para obtener más información sobre los metadatos personalizados, consulte Personalizar plantillas para componentes del portal de formularios.
De forma predeterminada, el portal de formularios proporciona acciones de procesamiento. Puede personalizar el portal de formularios para agregar más acciones. Para obtener información detallada, consulte Agregar acciones personalizadas a elementos de lista de formularios
Artículos relacionados
- Habilitar componentes del portal de formularios
- Creación de una página del portal de formularios
- Enumerar formularios en una página web mediante API
- Usar el componente Borradores y envíos
- Personalizar el almacenamiento de borradores y formularios enviados
- Ejemplo para integrar el componente Borradores y envíos con la base de datos
- Personalizar plantillas para componentes del portal de formularios
- Introducción a la publicación de formularios en un portal