Mukautetun Lightning upottaminen

Upota komponentteja, joihin lisäät mukautettua tyyliä ja toimintoja. Voit esimerkiksi upottaa olemassa olevan karuselli-komponentin Flexcard-korttiin ja määrittää sen määritteet.

Tärkeää

Älä upota samaa komponenttia useisiin Flex-kortteihin.

1. Etsi ja avaa sovelluskäynnistimestä Flex-kortit.
2. Laajenna Flexcard ja valitse versio.
3. Deaktivoi Flexcard tarvittaessa Flexcard-kortin muokkaamista varten.
4. Vedä mukautettu LWC-elementti elementtipaneelista esitysalueelle.

   Mukautetut Lightning renderöidään vain, kun esikatselet Flexcard-korttia.

5. Määritä komponentti Mukautettu LWC-nimi -kenttään komponentin tyypin mukaan:

   • Mukautettu Lightning Valitse komponentti, jonka loit tai joka sisältää Omnistudion. Voit myös syöttää komponentin nimen Lightning.

     Voit esimerkiksi syöttää lightning-map. Joidenkin mukautettujen Lightning-verkkokomponenttien nimissä on etuliite cf.

   • Omnistudiossa luodut Omniscriptit: Syötä omnistudioStandardRuntimeWrapper, joka on Lightning-verkkokomponenttien rivitys, jonka määrität seuraavassa vaiheessa.

   

   Huomautus

   Et voi lisätä Omnistudiossa tai Omnistudiossa hallituille paketeille luotuja Flex-kortteja mukautettuna LWC-palveluna vakiomuotoisessa suorituksessa. Et myöskään voi lisätä Omnistudiossa hallituille paketeille luotuja Omniscripte-objekteja mukautettuna LWC-organisaationa vakiomuotoisessa suorituksessa.

6. Komponentin attribuuttien ja arvojen lisääminen:

   • Käytä attribuutin nimelle HTML-attribuutin muotoa. Jos haluat käyttää esimerkiksi recordId-ominaisuutta, syötä attribuutin nimeksi record-id.

   • Lisää Omnistudiolla luoduille Omniscripteille tyyppi-, alatyyppi- ja kieliattribuutit, jotka koskevat Lightning rivitystä. Suorituksen aikana Omnistudio luo Omniscript-koodin ja viimeistelijä lataa sen.

   • Attribuutin arvo voi olla yhdistämiskenttä, kuten {Number} tai tuettu kontekstimuuttuja, kuten {Session.number}. Attribuutin arvo voi olla myös pelkkä teksti tai ketjutettu merkkijono, joka koostuu pelkkästä tekstistä ja yhdistämiskentästä, kuten navigointipolun {Parent.parentPath}>{Parent.type}>{Name}.

7. Syötä muut tiedot tarvittaessa.