Listado de tipos de recursos personalizados en AEM Forms

Última actualización: 2024-01-25
  • Creado para:
  • Experienced
    Developer

Crear una plantilla personalizada

Para el propósito de este artículo, estamos creando una plantilla personalizada para mostrar los tipos de recursos personalizados y los tipos de recursos OOTB en la misma página. Para crear una plantilla personalizada, siga las siguientes instrucciones

  1. Cree una carpeta sling: en /apps. Asígnele el nombre "myportalcomponent"
  2. Agregue la propiedad “fpContentType”. Establezca su valor en "/libs/fd/ fp/formTemplate".
  3. Agregue una propiedad "title" y establezca su valor en "custom template". Este es el nombre que verá en la lista desplegable del componente Buscar y listar
  4. Cree un "template.html" en esta carpeta. Este archivo contiene el código para aplicar estilo y mostrar los distintos tipos de recursos.

appsfolder

El siguiente código enumera los distintos tipos de recursos que utilizan el componente Buscar y listar. Creamos elementos html independientes para cada tipo de recurso, como se muestra por tipo de datos = etiqueta "videos". Para el tipo de recurso de "vídeos" se utiliza el <video> para reproducir el vídeo en línea. Para el tipo de recurso de "documentos de palabra" utilizamos diferentes marcas html.

<div class="__FP_boxes-container __FP_single-color">
   <div  data-repeatable="true">
     <div class = "__FP_boxes-thumbnail" style="float:left;margin-right:20px;" data-type = "videos">
   <video width="400" controls>
       <source src="${path}" type="video/mp4">
    </video>
         <h3 class="__FP_single-color" title="${name}" tabindex="0">${name}</h3>
     </div>
     <div class="__FP_boxes-thumbnail" style="float:left;margin-right:20px;" data-type = "worddocuments">
       <a href="/assetdetails.html${path}" target="_blank">
           <img src ="/content/dam/worddocuments/worddocument.png/jcr:content/renditions/cq5dam.thumbnail.319.319.png"/>
          </a>
          <h3 class="__FP_single-color" title="${name}" tabindex="0">${name}</h3>
     </div>
  <div class="__FP_boxes-thumbnail" style="float:left;margin-right:20px;" data-type = "xfaForm">
       <a href="/assetdetails.html${path}" target="_blank">
           <img src ="${path}/jcr:content/renditions/cq5dam.thumbnail.319.319.png"/>
          </a>
          <h3 class="__FP_single-color" title="${name}" tabindex="0">${name}</h3>
                <a href="{formUrl}"><img src="/content/dam/html5.png"></a><p>

     </div>
  <div class="__FP_boxes-thumbnail" style="float:left;margin-right:20px;" data-type = "printForm">
       <a href="/assetdetails.html${path}" target="_blank">
           <img src ="${path}/jcr:content/renditions/cq5dam.thumbnail.319.319.png"/>
          </a>
          <h3 class="__FP_single-color" title="${name}" tabindex="0">${name}</h3>
                <a href="{pdfUrl}"><img src="/content/dam/pdf.png"></a><p>
     </div>
   </div>
</div>
NOTA

Línea 11: cambie la imagen src para que apunte a una imagen de su elección en DAM.

Para enumerar Forms adaptable en esta plantilla, cree un nuevo div y establezca su atributo de tipo de datos en "guía". Puede copiar y pegar el div cuyo data-type="printForm" y establecer el tipo de datos del div recién copiado en "guide"

Configurar El Componente Buscar Y Listar

Una vez definida la plantilla personalizada, ahora tenemos que asociarla con el componente "Buscar y listar". Apunte al explorador a esta dirección URL.

Cambie al modo Diseño y configure el sistema de párrafos para incluir el componente Buscar y listar en el grupo de componentes permitidos. El componente Buscar y listar forma parte del grupo Servicios de documentos.

Cambie al modo de edición y añada el componente Buscar y listar a ParSys.

Abra las propiedades de configuración del componente Buscar y listar. Asegúrese de que la pestaña "Carpetas de recursos" esté seleccionada. Seleccione las carpetas desde las que desea enumerar los recursos en el componente Buscar y listar. Para los fines de este artículo, he seleccionado

  • /content/dam/VideosAndWordDocuments
  • /content/dam/formsanddocuments/assettypes

assetfolder

Vaya a la pestaña "Mostrar". Aquí elegirá la plantilla en la que desea mostrar los recursos en el componente de búsqueda y lista.

Seleccione "plantilla personalizada" en la lista desplegable como se muestra a continuación.

lista de búsqueda

Configure los tipos de recursos que desea enumerar en el portal. Para configurar los tipos de pestaña del recurso a la "Lista de recursos" y configurar los tipos de recursos. En este ejemplo, se han configurado los siguientes tipos de recursos

  1. Archivos MP4
  2. Documentos de Word
  3. Documento (es el tipo de recurso OOTB)
  4. Plantilla de formulario (es un tipo de recurso OOTB)

La siguiente captura de pantalla muestra los tipos de recursos configurados para la lista

assettypes

Ahora que ha configurado el componente de portal Buscar y listar, es hora de ver el listado en acción. Apunte al explorador a esta dirección URL. Los resultados deben ser similares a la imagen que se muestra a continuación.

NOTA

Si el portal enumera tipos de recursos personalizados en un servidor de publicación, asegúrese de conceder permiso de "lectura" al usuario de "fd-service" en el nodo /apps/fd/fp/extensions/querybuilder

assettypes
Descargue e instale este paquete mediante el administrador de paquetes. Contiene documentos mp4 y word de ejemplo y archivos xdp que se utilizan como tipos de recursos para enumerarlos mediante el componente buscar y listar

En esta página