Lista de tipos de recursos personalizados en AEM Forms

Creación de una plantilla personalizada

A los efectos de este artículo, crearemos una plantilla personalizada para mostrar los tipos de recurso personalizados y los tipos de recurso OOTB en la misma página. Para crear una plantilla personalizada, siga las siguientes instrucciones

  1. Crear un sling: en /apps. Denomínela "myportalcomponent"
  2. Agregue la propiedad "fpContentType". Establezca su valor en "/libs/fd/ fp/formTemplate".
  3. Agregue una propiedad "title" y establezca su valor en "plantilla personalizada". Este es el nombre que verá en la lista desplegable del componente de búsqueda y lista
  4. Cree un "template.html" en esta carpeta. Este archivo contendrá 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 de búsqueda y lista. Creamos elementos html independientes para cada tipo de recurso como se muestra en la etiqueta data-type = "videos". Para el tipo de recurso de "vídeos", utilizamos el elemento <video> para reproducir el vídeo en línea. Para el tipo de recurso de "documentos de palabras" usamos 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 los formularios adaptables en esta plantilla, cree un nuevo div y establezca su atributo de tipo de datos en "guía". Puede copiar y pegar el div cuyos datos-type="printForm" y establecer el tipo de datos del div recién copiado en "guide"

Configurar el componente Búsqueda y lista

Una vez que hemos definido la plantilla personalizada, ahora tenemos que asociar esta plantilla personalizada con el componente "Buscar y listar". Apunte el navegador 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 Búsqueda y lista forma parte del grupo Servicios de documentos.

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

Abra las propiedades de configuración del componente "Búsqueda y lista". Asegúrese de que la pestaña "Carpetas de recursos" esté seleccionada. Seleccione las carpetas de las que desea enumerar los recursos en el componente de búsqueda y lista. A los efectos de este artículo, he seleccionado

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

assetfolder

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

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

searchandlister

Configure los tipos de recursos que desea enumerar en el portal. Para configurar los tipos de pestaña del recurso en 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 el 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 del portal de búsqueda y lista, es hora de ver el listado en acción. Apunte el navegador a esta dirección URL . Los resultados deberían ser como la imagen que se muestra a continuación.

NOTA

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


assettypesDescargue e instale este paquete mediante el gestor de paquetes. Contiene ejemplos de documentos mp4 y word y archivos xdp que se utilizarán como tipos de recursos para enumerarlos con el componente de búsqueda y lista

En esta página