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 según se describe en Habilitación de componentes del portal de formularios.

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

Predicados de servicios de documentos Incluye componentes 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 componentes
Figura: 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ágina
Figura: Componente de búsqueda y lista 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 Buscar y listar y, a continuación, pulse settings_icon. La variable Editar componente se abre.

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

La variable Editar incluye varias pestañas que proporcionan opciones de configuración descritas en la siguiente tabla. Toque OK para guardar la configuración, cuando haya terminado.

Tab 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 IU 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 Portal de Forms.
Plantilla de diseño Diseño de los recursos.
Desactivar 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) Resultados). El valor predeterminado es Resultados.

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 Formulario de solicitud en este campo y hay 51 páginas, el texto de la página cambia a Formulario de solicitud 1 de 51.
De texto

Reemplaza la palabra de con 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 de HTML Configura el perfil del HTML que se utiliza para la renderización. Todos los perfiles disponibles se enumeran en la lista desplegable.
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 del HTML Configura el texto de la información del objeto, que se muestra al pasar el puntero por encima (el icono HTML5).
Información del objeto Acción de procesamiento del PDF Configura el texto de la información del objeto, que se muestra al pasar el puntero por encima (el icono PDF ).
Estilo Tipo de estilo Permite especificar Sin estilo, estilo predeterminadoo Estilo personalizado para listar 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 predicado Fecha, Texto completo, Propiedades y Etiquetas
Figura: 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 Fecha de la última modificación.
    • Texto: Etiqueta o rótulo para el componente predicado de fecha. El valor predeterminado es Fecha de la última modificación.
    • Etiqueta de fecha de inicio: Etiqueta o rótulo del campo de fecha de inicio.
    • Etiqueta de fecha final: 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. Toque OK.

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 la variable Título principal campo .
  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. La variable Cuadro de diálogo Editar se abre.

  2. En el General , especifique la etiqueta de búsqueda. El valor predeterminado es Propiedades.

  3. En el Opciones ficha, toque 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. Toque OK.

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. La variable Cuadro de diálogo Editar se abre.
  2. Pulse el botón de flecha hacia abajo situado junto al campo Etiquetas .
  3. Seleccione las etiquetas adecuadas.
  4. Toque OK.

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 .

Enumerar formularios en una página

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

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 de un 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 la variable Borradores y presentaciones componente. 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 Búsqueda y lista
Figura: Componente Búsqueda y listado

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 de Forms Portal.

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 de Forms Portal.

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 acciones personalizadas en elementos de lista de formularios.

Artículos relacionados

En esta página