DokumentationAEMAnvändarhandbok om AEM Screens

Lägga till komponenter i en kanal adding-components-to-a-channel

Last update: Fri Jul 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Mellanliggande
  • Administratör
  • Utvecklare

Komponenter är de grundläggande elementen i AEM (Adobe Experience Manager). Du kan använda flera komponenter och lägga till dem i en kanal i ett AEM Screens-projekt.

Komponenter i AEM Screens components-in-aem-screens

AEM Screens har olika AEM som kan användas i ett Screens-projekt.

Visa AEM Screens-komponenter viewing-aem-screens-components

När du skapar ett AEM Screens-projekt visas en lista med standardkomponenter som kan läggas till i projektet.

Följ stegen nedan för att visa standardkomponenterna i ditt Screens-projekt:

  1. Klicka på kanalen. Exempel: We.Retail In Store > Kanaler > Inaktiv kanal.

  2. Klicka på Redigera i åtgärdsfältet.

  3. Klicka på ikonen + i AEM Editor.

  4. Alla komponenter som ingår som standard i ett AEM Screens-projekt visas, vilket visas i bilden nedan.

screen_shot_2017-12-18at21350pm

Lägga till en ny komponent adding-a-new-component

AEM innehåller flera andra komponenter. Du kan alltid lägga till andra komponenter (ingår inte som standard) i ditt projekt, eftersom dessa komponenter är kompatibla med AEM Screens.

I följande exempel visas hur en Livefyre-komponent läggs till i ett AEM Screens-projekt:

  1. Klicka på den kanal där du vill lägga till en komponent. Exempel: We.Retail In Store > Kanaler > Inaktiv kanal.

  2. Klicka på Redigera i åtgärdsfältet.

  3. Klicka på Designläge.

  4. Klicka på hela designredigeraren till höger och klicka på inställningssymbolen så att du kan öppna dialogrutan Parsys Design .

  5. Du kan klicka på de komponenter du vill importera till ditt AEM Screens-projekt. I följande exempel visas hur komponenten Livefyre har lagts till i ett AEM Screens-projekt.

adding_components

NOTE
På samma sätt kan du lägga till valfritt antal andra komponenter som är kompatibla med AEM Screens i ditt projekt.

Förstå AEM skärmkomponenter understanding-aem-screen-components

I följande avsnitt förklaras vilka AEM Screens-komponenter du kan använda i ditt projekt.

NOTE
Om du vill visa egenskaperna för en komponent klickar du på komponenten och sedan på hamsikonen för att öppna/visa egenskaper.

Program application

Med komponenten Application kan du lägga till ett program i kanalen.

Programkomponenten har följande egenskaper:

Egenskap
Beskrivning
Programsökväg
Klicka på den absoluta sökvägen där programmet finns.
Varaktighet (millisekunder)
Klicka på programmets varaktighet. Som standard är längden inställd på -1, vilket innebär att elementet körs för alltid (dvs. ett program med en sida). Om du ställer in varaktighetsvärdet >0 visas elementet för den angivna varaktigheten och fortsätter sedan till nästa.

I följande exempel visas hur du bäddar in en programkomponent tillsammans med förhandsgranskningen av dess egenskaper:

adding_componentsApplication

NOTE
Se exemplet ovan för att visa egenskaperna för var och en av komponenterna nedan.

Kanal channel

Med komponenten Kanal kan du lägga till en hel kanal i projektet.

Komponenten Channel har följande egenskaper:

Egenskap
Beskrivning
Kanalsökväg
Välj den absoluta sökvägen där programmet finns.
Varaktighet (millisekunder)
Markera kanalens hela längd. Om du anger längden som -1 anger du att den inbäddade kanalen körs i sin fulla längd i en viss kanal.

Inbäddad sida embedded-page

Med en inbäddad sida kan du lägga till en inbäddad sida i projektet. Det kan till exempel vara ett webbprogram eller en produktkatalog.

Den inbäddade sidan har följande egenskaper:

Egenskap
Beskrivning
Sidsökväg
Välj den här absoluta sökvägen där kanalen finns.
Varaktighet (millisekunder)
Markera kanalens hela längd. Om du anger längden som -1 anger du att den inbäddade kanalen körs i sin fulla längd i en viss kanal.

Inbäddad sekvens embedded-sequence

NOTE
Mer detaljerad information om inbäddade sekvenser finns i Inbäddade sekvenser under redigeringsdelen för Screens.

Med en inbäddad sekvens kan du lägga till en inbäddad sekvenskanal i den befintliga kanalen (med andra resurser).

Den inbäddade sekvensen har följande sidegenskaper:

Egenskap
Beskrivning
Kanalsökväg
Välj den absoluta sökvägen för den sekvens som du vill ta med i din kanal.
Varaktighet (millisekunder)
Markera kanalens hela längd. Om du anger längden som -1 anger du att den inbäddade kanalen körs i sin fulla längd i en viss kanal.
Strategi
Ställ in den på original eller single. Om du anger värdet till original innebär det att efterföljande körs helt och hållet på varje cykel i den överordnade sekvensen. Det andra möjliga värdet är single. Ett sådant värde visar bara en post i varje efterföljande körning. Det första objektet i den första slingan och det andra objektet i den andra slingan.

Dynamisk inbyggd sekvens dynamic-embedded-sequence

Med en dynamisk inbäddad sekvens kan du lägga till en sekvens som liknar den ovan nämnda förutom efter kanalroll.

Mer information om inbäddade sekvenser finns i Inbäddade sekvenser under redigeringsdelen för Screens.

Den dynamiska inbäddade sekvensen har följande egenskaper:

Egenskap
Beskrivning
Kanaltilldelningsroll
Ange kanalrollen.
Varaktighet (millisekunder)
Markera kanalens hela längd. Om du anger längden som -1 anger du att den inbäddade kanalen körs i sin fulla längd i en viss kanal.
Strategi
Ställ in den på original eller single. Om du anger värdet till original innebär det att efterföljande körs helt och hållet på varje cykel i den överordnade sekvensen. Det andra möjliga värdet är single. Ett sådant värde visar bara en post i efterföljande körningar. Det första objektet i den första slingan och det andra objektet i den andra slingan.

Experience Fragment experience-fragment

Med ett Experience Fragment kan du lägga till ett Experience Fragment (en grupp med en eller flera komponenter, inklusive innehåll och layout som kan refereras på sidor) i din AEM Screens-kanal. Dra och släpp komponenten till AEM Editor och klicka på Experience Fragment.

Mer information om hur du skapar ett Experience Fragment och använder det i ett AEM Screens-projekt finns i Använda Experience Fragments.

exp

Egenskap
Beskrivning
Upplevelsefragment
Upplevelsefragment
Välj Experience Fragment.
Varaktighet
Markera hela längden på Experience Fragment som spelas upp i kanalen.
Offlinekonfiguration
Bibliotek på klientsidan
JavaScript- och CSS-filer.
Statiska filer
Statiska filer som du kan lägga till som offlinekonfigurationer i din Experience Fragment.
NOTE
Klientsidans bibliotek och de statiska filer som du lägger till från den här komponenten är utöver de redan konfigurerade Klientsidans bibliotek och de statiska filer som läggs till från Experience Fragments Properties .

Bild image

Med en bild kan du lägga till en bild i kanalen.

Bildresursen har tre flikar: Bild, Hjälpmedel och Sekvens:

Egenskap
Beskrivning
Bild
Bildresurs
Klicka på bildresursen.
Titel
Bildens namn.
Länka till
Lägg till en länk till bilden.
Beskrivning
Kort beskrivning av bilden.
Storlek
Bildens storlek.
Tillgänglighet
Alternativ text
Alternativ text till bilden.
Sekvens
Varaktighet
Som standard är längden inställd på 8000 millisekunder. Uppdatera fältet Varaktighet om du vill ändra uppspelningstiden för bilden.

Övergång transition

Med komponenten Transition kan du lägga till en övergång i ditt Screens-projekt.

I följande bild visas övergångskomponenten (som lagts till med dra och släpp) i redigeraren.

screen_shot_2019-07-25at104237am

Klicka på övergångsikonen och klicka på Konfigurera (skiftnyckelsikon) för att öppna dialogrutan Övergång . Den här dialogrutan innehåller tre flikar:

  • Övergång
  • Sekvens
  • Aktivering
NOTE
Som standard är sekvensen inställd på 600 millisekunder. Du kan uppdatera övergångssekvensen till andra värden på fliken Sekvens.

övergång

Övergångskomponenten har följande egenskaper:

Egenskap
Beskrivning
Övergång
Typ

Typ av övergång mellan elementet före och det efter. Övergången Typ innehåller följande alternativ:

  • Normal
  • Tona
  • Glid in från höger
  • Glid in från vänster
  • Glid in uppifrån
  • Glid in nedifrån
Sekvens
Varaktighet
Markera hela övergångstiden. Standardinställningen är 600 millisekunder.
Aktivering
Aktiv från
Tidsstämpel som beskriver när övergången kan aktiveras.
Aktiv tills
Tidsstämpeln beskriver tills när övergången kan vara aktiv.
Schema
Lägg till ett fördefinierat schema.

Video video

Med videokomponenten kan du lägga till en video i ditt Screens-projekt.

Videokomponenten har följande egenskaper:

Egenskap
Beskrivning
Videoresurs
Klicka på länken till videon.
Varaktighet
Välj videons längd. Som standard är längden inställd på -1, vilket innebär att elementet körs för alltid. Om du anger varaktighetsvärdet >0 visas elementet för den angivna varaktigheten och fortsätter sedan till nästa.
Återgivning

Om videoproportionerna inte passar skärmen kan du justera återgivningen till contain eller cover.

Innehåll innebär att hela videon visas och att de saknade områdena fylls med en svart kant.

Omslag innebär att videon täcker hela visningsrutan, men vissa delar som flödar över sidorna är dolda.

Storlek
Videons storlek.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053