Custom component with parsys showing child components in "Paragraph System - HTL" in content tree | Community
Skip to main content
Level 2
May 5, 2021
Solved

Custom component with parsys showing child components in "Paragraph System - HTL" in content tree

  • May 5, 2021
  • 1 reply
  • 1153 views

I've created a custom component that has a parsys system allowing you to add child components. While this works properly the added child components are showing up under "Paragraph System - HTL" in the content tree. My use case here is to allow a better user experience for content authors so they can see the components in the flow of the page.

How custom component shows child component:



Instead how can I get it fall nicely like how the default "container/layout container" component treats child components:

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 Kiran_Vedantam

Hi @akatsuki07,

 

Can you please check, how did you add your parsys, for me, it is working fine. Please find the code and the screenshot

 

Sightly code:

<div data-sly-resource="${'lparsys' @ resourceType='foundation/components/parsys'}"></div>

 

Here the tab component has 2 parsys inside it to add additional components

 

Hope this helps!

 

Thanks,

Kiran Vedantam

1 reply

Kiran_Vedantam
Community Advisor
Kiran_VedantamCommunity AdvisorAccepted solution
Community Advisor
May 6, 2021

Hi @akatsuki07,

 

Can you please check, how did you add your parsys, for me, it is working fine. Please find the code and the screenshot

 

Sightly code:

<div data-sly-resource="${'lparsys' @ resourceType='foundation/components/parsys'}"></div>

 

Here the tab component has 2 parsys inside it to add additional components

 

Hope this helps!

 

Thanks,

Kiran Vedantam

Level 2
May 6, 2021
Hi adding the parsys is no issue. It's how it is displayed in the content tree. I would like it to display how it is showing with layout container rather than "paragraph system". I want it to show "Component Name"