Converting Fragments to Experience Fragment | Community
Skip to main content
April 17, 2021
Question

Converting Fragments to Experience Fragment

  • April 17, 2021
  • 1 reply
  • 1583 views


Hi, I'm encountering an issue wherein the generated experience fragment is being created not in the responsive grid instead it goes directly inside the root because the working converted experience fragments are all created inside the responsive grid. Please see the attached screenshot for reference.

 

Working XF is insights-financial-planning-content-layout while the failed XF conversion is products1.

 

Thanks

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Asutosh_Jena_
Community Advisor
Community Advisor
April 18, 2021

Hi @paoladizon 

 

When you drag and drop any component inside experience fragment, it will be added below the root node directly.

If you are using a Layout Container on the experience fragment, it will add a responsivegrid node directly under root and all the subsequest component added into the Layout container will be added below(inside) the responsivegrid node i.e. child node to responsivegrid node.

 

By looking into the first example (products1) I can see you have added a Layout container on the page first and then Content Teaser componet after the Layout container not inside the layout container which is why you are getting the structure like below:

 

but for the second example (insights-financial-planning-content-layout) I can see you have added a Layout Container on the page first and then the Content Teaser component inside the Layout Container which is why you are getting the below structure:

In both the cases you should be able to see the content and should be able to render the content on the main page using the experience fragment component. It should not create any issue as both the structures are valid here.

 

Thanks!

 

 

April 19, 2021

Hi @asutosh_jena_,

 

Any ideas as to why or how this is happening?