Show Menu
TEMAS×

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

Los componentes del portal de formularios 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 formularios 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 Activación de componentes del portal de formularios.
Document Services incluye los componentes Búsqueda y listado, Vínculo y Borradores y envíos.
Predicados de Document Services 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 habilitadas en una página de sitios de 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 formularios

Componente de búsqueda y listado

El componente Búsqueda y lista, disponible en la categoría de componente de Document Services, se utiliza para enumerar los 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 listado desde la categoría de componentes de Document Services en el navegador de componentes hasta la página. Cuando se agrega, el componente tiene un aspecto similar al siguiente.
Componente Búsqueda y listado en una página ​Figura: Componente 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, toque el componente Buscar y listado y, a continuación, toque . Se abre el cuadro de diálogo Editar componente .
Panel de lista en modo de edición Figura: Panel Lista en modo de edición
El cuadro de diálogo Editar incluye varias fichas que proporcionan las opciones de configuración descritas en la tabla siguiente. Toque Aceptar para guardar la configuración.
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 una lista con 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 listado. El título predeterminado es Forms Portal.
Plantilla de diseño Diseño de los recursos.
Deshabilitar búsqueda avanzada Cuando se habilita, oculta el icono de búsqueda avanzada.
Deshabilitar 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 ). The default value is Results .
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.
Texto de página
Configura el texto de la página (por ejemplo, Página 1 de 51). The default value is Page .
Por ejemplo, si especifica Formulario de solicitud en este campo y hay 51 páginas, el texto de la página cambiará al Formulario de solicitud 1 de 51.
De texto
Reemplaza la palabra de por el texto especificado (Página 1 de 51). The default value is of .
Por ejemplo, si especifica fuera de este campo, el texto cambiará a Página 1 de 51.
Vínculo de formulario Tipo de procesamiento Controla la lista de formularios según el tipo de procesamiento especificado. Las opciones disponibles son PDF y HTML. Por ejemplo, si selecciona solo HTML como tipo de procesamiento, los formularios PDF se filtran.
Perfil HTML Configura el perfil HTML que se va a utilizar para la representación. Todos los perfiles disponibles se muestran en la lista desplegable.
Enviar URL
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 URL de envío mencionada en la interfaz de usuario de AEM Forms tiene la segunda prioridad.
  3. La dirección URL de envío 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 (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 (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 de acceso 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 Document Services en 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 Predicar para aplicar filtros de búsqueda. También puede especificar los valores de filtro predeterminados y desactivar la búsqueda desde la ficha Visualización del cuadro de diálogo Editar componente.
Panel de búsqueda con fecha, texto completo, propiedades y etiquetas predicen ​figura: Predicado de búsqueda con fecha, texto completo, propiedades y etiquetas

Predicado de fecha

El componente Predicado de fecha, cuando se agrega, habilita la búsqueda en los formularios enumerados que se modificaron durante un período de tiempo especificado.
Para configurar el componente Predicado de fecha:
  1. Toque el componente y, a continuación, toque . 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 del 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 del campo de fecha de finalización.
    • ​Ocultar: Para aplicar el filtro de fecha predeterminado a los formularios de lista.
  3. Toque 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. Toque el componente y, a continuación, toque . Se abre el cuadro de diálogo Editar.
  2. Especifique el título en el campo Título ​principal.
  3. Toque Aceptar .

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. Toque el componente y, a continuación, toque . Se abre el cuadro de diálogo ​Editar.
  2. En la ficha General , especifique la etiqueta de búsqueda. The default value is Properties .
  3. En la ficha Opciones , toque Agregar elemento .
  4. Seleccione una propiedad en la lista desplegable y especifique una etiqueta de búsqueda para ella en el campo debajo de la lista desplegable.
  5. Repita el paso 4 para agregar más propiedades. También puede especificar un valor de filtro predeterminado para mostrar los formularios en función de los criterios especificados y ocultar la propiedad para la búsqueda por parte de 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 de valor de filtro predeterminado.
  6. Toque 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. Toque el componente y, a continuación, toque . Se abre el cuadro de diálogo ​Editar.
  2. Puntee en el botón de flecha hacia abajo situado junto al campo Etiquetas.
  3. Seleccione las etiquetas correspondientes.
  4. Toque Aceptar .
Las etiquetas seleccionadas aparecen en el panel Buscar junto con las casillas de verificación para selección. Ahora los usuarios pueden reducir la búsqueda en función de las etiquetas.

Enumerar formularios en una página

Para mostrar los 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 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 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 listado de Forms Portal es sencillo para dispositivos móviles y se adapta en consecuencia. Las tres vistas predeterminadas: Los rediseños de cuadrícula, tarjeta y panel según el dispositivo en el que se abre el sitio, siempre que la página web también se adapte. El simple hecho es que Search & Lister es un solo componente y no rige el estilo de nivel de página.
La siguiente imagen muestra el componente Buscar y listado cuando se abre en un dispositivo móvil:
Captura de pantalla del componente Buscar y listado Figura: Componente Búsqueda y listado

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

Puede personalizar una página de portal de formularios para proporcionar una apariencia distinta a la página. 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 proporcionar una experiencia de listado y búsqueda de formularios a los usuarios finales. 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 procesamiento. 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 la lista de formularios.