Experience Fragment Via Custom Component | Community
Skip to main content
R
ravijais04
Level 2
October 15, 2022
Solved

Experience Fragment Via Custom Component

  • October 15, 2022
  • 2 replies
  • 2686 views

Hi Friends - Hope, All is well.

 

could you help me know how I can consume the experience fragment variation via a field in custom component, not by OOTB experience fragment component.

 

my custom multi-field component has following fields.

1. icon

2. source

and here source is XF reference. what is the relevant granite/coral resource to be used here and How I can export whole xf by just authoring xf reference in source field and inject it in HTL.

 

please advise.

 

#experiencefragment #aemcomponent #customaemcomponent #aem

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by lukasz-m

Hi @ravijais04,

Regarding dialog filed, you can use cq/experience-fragments/editor/components/xffield which will allow you to select specific variation of given content fragment. There is no dedicated XF granite/coral widget, however keeping in mind above is used in Core Components this should be a good choice.

In terms of HTL, you can simply use data-sly-resource

data-sly-resource="${@path='path/to/xfvariant'}"

You can find very good code examples looking int core components Experience Fragment component:

So you can use above elements in your custom component respectively.

2 replies

lukasz-m
Community Advisor
lukasz-mCommunity AdvisorAccepted solution
Community Advisor
October 15, 2022

Hi @ravijais04,

Regarding dialog filed, you can use cq/experience-fragments/editor/components/xffield which will allow you to select specific variation of given content fragment. There is no dedicated XF granite/coral widget, however keeping in mind above is used in Core Components this should be a good choice.

In terms of HTL, you can simply use data-sly-resource

data-sly-resource="${@path='path/to/xfvariant'}"

You can find very good code examples looking int core components Experience Fragment component:

So you can use above elements in your custom component respectively.

    R
    ravijais04Author
    Level 2
    October 18, 2022

    Thanks So Much @lukasz-m . It makes lot of sense.

      DEBAL_DAS
      DEBAL_DAS
      October 16, 2022

      Relevant resource type we need to use here is cq/experience-fragments/editor/components/xffield.

       

      You can refer the following path to get more details: /apps/core/wcm/components/experiencefragment/v2/experiencefragment/cq:dialog/content/items/tabs/items/properties/items/columns/items/column/items/fragmentVariationPath , if you have core component installed on your AEM instance.

       

       

       

        R
        ravijais04Author
        Level 2
        October 18, 2022

        Thanks @debal_das for the inputs!

          Terms & ConditionsAccessibility statement

          Loading footer...