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

[akatsuki07]

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:

[Kiran_Vedantam · Accepted solution]

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

[akatsuki07]

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"