Visar anpassade tillgångstyper i AEM Forms listing-custom-asset-types-in-aem-forms

Skapa anpassad mall creating-custom-template

I den här artikeln skapar vi en anpassad mall som visar de anpassade resurstyperna och OOTB-resurstyperna på samma sida. Följ nedanstående instruktioner för att skapa en anpassad mall

  1. Skapa en sling:-mapp under /apps. Ge den namnet "myportalcomponent"
  2. Lägg till egenskapen fpContentType. Ange värdet till /libs/fd/ fp/formTemplate".
  3. Lägg till en title-egenskap och ställ in dess värde på "custom template". Det här namnet visas i listrutan för sök- och listkomponenten
  4. Skapa en"template.html" under den här mappen. Den här filen innehåller koden för att formatera och visa de olika resurstyperna.

appsmapp

I följande kod visas de olika typerna av resurser som använder söknings- och listkomponenten. Vi skapar separata html-element för varje typ av resurs, vilket visas med taggen data-type = "videos". För resurstypen"videor" använder vi <video> -element för att spela upp den infogade videon. För resurstypen "worddocuments" använder vi olika html-markeringar.

<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>
NOTE
Rad 11 - Ändra bildens src till att peka på en bild som du väljer i DAM.
Om du vill visa Adaptiv Forms i den här mallen skapar du en ny div och anger datatypsattributet till "guide". Du kan kopiera och klistra in den div vars data-type="printForm" och ange datatypen för den nyligen kopierade div som "guide"

Konfigurera sök- och listkomponenten configure-search-and-lister-component

När vi har definierat den anpassade mallen måste vi nu koppla den anpassade mallen till komponenten Sök och visa. Peka på webbläsaren till denna URL.

Växla till designläge och konfigurera styckesystemet så att det inkluderar Search and Lister-komponenten i den tillåtna komponentgruppen. Komponenten Sök och Lister ingår i Document Services-gruppen.

Växla till redigeringsläget och lägg till komponenten Sök och Lister i ParSys.

Öppna konfigurationsegenskaperna för komponenten Sök och visa. Kontrollera att fliken "Resursmappar" är markerad. Välj de mappar från vilka du vill visa resurserna i sök- och listkomponenten. I den här artikeln har jag valt

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

assetfolder

Fliken till fliken "Visa". Här väljer du den mall som du vill visa resurserna i sök- och listkomponenten.

Välj "anpassad mall" i listrutan enligt nedan.

searchandlister

Konfigurera de typer av resurser som du vill visa i portalen. Om du vill konfigurera resurstypernas flik till"Resurslista" och konfigurera resurstyperna. I det här exemplet har vi konfigurerat följande typer av resurser

  1. MP4-filer
  2. Orddokument
  3. Dokument (OOTB-tillgångstyp)
  4. Formulärmall (OOTB-resurstyp)

I följande skärmbild visas resurstyperna som är konfigurerade för listning

tillgångstyper

Nu när du har konfigurerat söknings- och listportalkomponenten är det dags att se hur listan fungerar. Peka på webbläsaren till denna URL. Resultatet ska se ut ungefär som bilden nedan.

NOTE
Om din portal listar anpassade resurstyper på en publiceringsserver ska du se till att ge"läsbehörighet" till"fd-service"-användaren till noden /apps/fd/fp/extensions/querybuilder

tillgångstyper
Hämta och installera det här paketet med hjälp av pakethanteraren. Detta innehåller exempel på mp4- och Word-dokument och xdp-filer som används som resurstyper för att lista med hjälp av sök- och listkomponenten

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e