Creación de una página de portal de formularios

Los componentes del portal de Forms equipan a los desarrolladores web con componentes para 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

Los componentes del portal de Forms no están disponibles para su uso de forma predeterminada. Asegúrese de que las siguientes categorías de componentes del portal de formularios estén habilitadas tal como se describe en Habilitación de componentes del portal de formularios.

Servicios de documentosIncluye los componentes Búsqueda y listado, Vínculo y Borradores y envíos.

Predicados de servicios de documentosIncluye componentes de Predicado de fecha, Predicado de texto completo, Predicado de propiedades y Predicado de etiquetas. Estos componentes se utilizan para configurar la búsqueda en el componente Búsqueda y lista .

Una vez que se activan en una página de sitios AEM, estas categorías de componentes están disponibles para su uso en el navegador de componentes.

Componentes del portal de AEM Forms en el
navegador de componentesFigura: Categorías de componentes del portal de Forms

Componente de búsqueda y lista

El componente Buscar y listar, disponible en la categoría de componente Servicios de documento, se utiliza para enumerar formularios en una página e implementar la búsqueda en los formularios enumerados. 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 de componente Servicios de documento en el navegador de componentes a la página. El componente, cuando se añade, tiene un aspecto similar al siguiente.

Componente de búsqueda y listado en una
páginaFigura: Componente de búsqueda y listado en una página con diseño de cuadrícula

Panel de lista

El panel Lista es un área en la que se muestran los formularios. El componente Búsqueda y lista 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 Búsqueda y lista y, a continuación, pulse settings_icon. Se abre el cuadro de diálogo Editar componente.

Panel de lista en
modo de ediciónFigura: Panel de lista en modo de edición

El cuadro de diálogo Editar incluye varias pestañas que proporcionan opciones de configuración descritas en la siguiente tabla. Toque Aceptar para guardar la configuración, cuando haya terminado.

Ficha Configuración Descripción
Carpetas de recursos Añadir elemento Configura las carpetas en las que los recursos se cargan mediante la interfaz de usuario de AEM Forms. De forma predeterminada, muestra todos los recursos cargados. Para obtener más información sobre la interfaz de usuario de AEM Forms, consulte Introducción a la administración de formularios.

Mostrar

Texto del título Título del componente Búsqueda y lista . El título predeterminado es Forms Portal.
Plantilla de diseño Diseño de los recursos.
Deshabilitar búsqueda avanzada Cuando está activado, oculta el icono de búsqueda avanzada.
Desactivar búsqueda de texto Cuando está activada, oculta la barra de búsqueda de texto completo.
Resultado Número De Resultados Por Página Configura el número máximo de formularios que desea mostrar en una página.
Texto de resultados

Configura el texto de los resultados (por ejemplo, 1-12 de 601 Results). El valor predeterminado es Results.

Por ejemplo, si especifica Forms en este campo y hay un total de 601 formularios, el texto resultante cambia a 1-12 de 601 Forms.

Texto de página

Configura el texto de la página (por ejemplo, Página 1 de 51). El valor predeterminado es Página.

Por ejemplo, si especifica Application Form en este campo y hay 51 páginas, el texto de la página cambia a Application Form 1 de 51.

De texto

Reemplaza la palabra de por el texto especificado (Página 1 de 51). El valor predeterminado es de.

Por ejemplo, si especifica de en este campo, el texto cambia a Página 1 de 51.

Vínculo de formulario Tipo de procesamiento Controla la lista de formularios en función del tipo de renderización especificado. Las opciones disponibles son PDF y HTML. Por ejemplo, si selecciona solo HTML como tipo de renderización, los PDF forms se filtran hacia fuera.
Perfil HTML Configura el perfil HTML que se utiliza para la renderización. Todos los perfiles disponibles se enumeran en la lista desplegable.
Dirección URL de envío

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:

  1. La dirección URL de envío incrustada en el formulario (en el botón Enviar) tiene la prioridad más alta.
  2. 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.
  3. Enviar URL mencionada en el portal de formularios tiene la prioridad más baja.
Información del objeto Acción de procesamiento HTML Configura el texto de la información del objeto, que se muestra al pasar el puntero por encima de (el icono HTML5).
Información del objeto Acción de procesamiento de PDF Configura el texto de la información del objeto, que se muestra al pasar el puntero por encima de (el icono PDF).
Estilo Tipo de estilo Permite especificar Sin estilo, Estilo predeterminado o Estilo personalizado para enumerar los formularios.
Ruta de estilo personalizada Si seleccionó Personalizado como Tipo de estilo, busque para especificar la ruta al CSS personalizado y, de lo contrario, seleccione Predeterminado.

Panel de búsqueda

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 AEM barra de tareas. 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 desactivar la búsqueda desde la pestaña Mostrar del cuadro de diálogo Editar componente.

Panel de búsqueda con fecha, texto completo, propiedades y etiquetas
PredicateFigura: Panel de búsqueda con predicado Fecha, Texto completo, Propiedades y Etiquetas

Predicado de fecha

Cuando se agrega el componente Predicado de fechas, permite buscar en los formularios enumerados que se modificaron durante una duración especificada.

Para configurar el componente Predicado de fecha:

  1. Pulse el componente y, a continuación, pulse settings_icon. Se abre el cuadro de diálogo Editar.

  2. Especifique lo siguiente:

    • Tipo: la única opción disponible es Última fecha de modificación.
    • Texto: etiqueta o rótulo para el componente predicado de fecha. El valor predeterminado es Última fecha de modificación.
    • Etiqueta de fecha de inicio: etiqueta o rótulo del campo de fecha de inicio.
    • Etiqueta de fecha de finalización: etiqueta o rótulo para el campo de fecha de finalización.
    • Ocultar: para aplicar el filtro de fecha predeterminado a los formularios de lista.
  3. Pulse Aceptar.

Predicado de texto completo

El componente Predicado de 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 en su nombre o descripción.

Para configurar el componente predicado de texto completo:

  1. Pulse el componente y, a continuación, pulse settings_icon. Se abre el cuadro de diálogo Editar.
  2. Especifique el título en el campo Título principal.
  3. Toque Ok.

Predicado de propiedades

El componente Predicado de propiedades implementa la búsqueda de formularios en función de las propiedades del formulario, como título, autor y descripción.

Para configurar el componente Predicado de propiedades :

  1. Pulse el componente y, a continuación, pulse settings_icon. Se abre el cuadro de diálogo Editar.

  2. En la pestaña General, especifique la etiqueta de búsqueda. El valor predeterminado es Properties.

  3. En la pestaña Opciones, pulse Agregar elemento.

  4. 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.

  5. Repita el paso 4 para añadir 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 "Viaje" en sus títulos, seleccione Ocultar junto a la propiedad Título . Además, especifique Viaje en el cuadro de texto valor de filtro predeterminado.

  6. Pulse Aceptar.

Predicado de etiquetas

El componente Predicado de etiquetas implementa la búsqueda de formularios en función de las etiquetas definidas en Forms Manager.

Para configurar el componente Predicado de etiquetas:

  1. Pulse el componente y, a continuación, pulse settings_icon. Se abre el cuadro de diálogo Editar.
  2. Pulse el botón de flecha hacia abajo situado junto al campo Etiquetas .
  3. Seleccione las etiquetas adecuadas.
  4. Pulse Aceptar.

Las etiquetas seleccionadas aparecen en el panel Buscar junto con las casillas de verificación para su selección. Ahora los usuarios pueden limitar la búsqueda en función de las etiquetas .

Lista de formularios en una página

Para enumerar formularios en una página, agregue el componente Search & Lister a la página y configure el Panel de lista. Para permitir que los usuarios finales busquen formularios con fecha, texto y etiquetas, agregue un componente Panel de búsqueda.

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 Incrustación del componente de vínculo en una página.

Para enumerar los formularios que están en estado de borrador y los formularios que ya se han enviado, utilice el componente Borradores y envíos. Para obtener más información, consulte Personalización del componente Borradores y envíos.

Facilidad de uso del dispositivo móvil

El componente Búsqueda y lista del portal de Forms es sencillo para dispositivos móviles y se adapta en consecuencia. Las tres vistas predeterminadas: Cuadrícula, Tarjeta, Presentaciones de panel 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 Search & Lister es un componente solamente y no controla el estilo de nivel de página.

La siguiente imagen muestra el componente Búsqueda y lista cuando se abre en un dispositivo móvil:

Captura de pantalla del
componente Buscar y listarFigura: Componente Buscar y listar

Personalización de una página de portal de formularios

Puede personalizar una página del portal de formularios para que la página 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 Personalización de plantillas para componentes del portal de Forms.

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 una experiencia de listado y búsqueda de formularios. Para obtener más información sobre los metadatos personalizados, consulte Personalización de plantillas para componentes del portal de Forms.

De forma predeterminada, el portal de formularios proporciona acciones de renderización. Puede personalizar el portal de formularios para agregar más acciones. Para obtener información detallada, consulte Adición de una acción personalizada en elementos de la lista de formularios.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now