Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

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

Avatar

Avatar
Boost 1
Level 1
akatsuki07
Level 1

Like

1 like

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
Validate 1
View profile

Avatar
Boost 1
Level 1
akatsuki07
Level 1

Like

1 like

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
Validate 1
View profile
akatsuki07
Level 1

05-05-2021

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:

Screen Shot 2021-05-05 at 12.44.47 PM.png

Instead how can I get it fall nicely like how the default "container/layout container" component treats child components:
Screen Shot 2021-05-05 at 12.44.59 PM.png

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Springboard
Level 7
KiranVedantam1992
Level 7

Likes

169 likes

Total Posts

180 posts

Correct Reply

54 solutions
Top badges earned
Springboard
Give Back 5
Ignite 1
Affirm 50
Validate 1
View profile

Avatar
Springboard
Level 7
KiranVedantam1992
Level 7

Likes

169 likes

Total Posts

180 posts

Correct Reply

54 solutions
Top badges earned
Springboard
Give Back 5
Ignite 1
Affirm 50
Validate 1
View profile
KiranVedantam1992
Level 7

06-05-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>

 

KiranVedantam1992_0-1620286088749.png

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

 

Hope this helps!

 

Thanks,

Kiran Vedantam

Answers (0)