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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

how to create custom parsys or extend parsys?

Avatar

Level 4

i have requirement to create a custom component where i need to change default text of parsys. 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi,

If you want to change the defualt 'drop component here' text. Then you can set the jcr:title property e.g. jcr:title="Parsys Title" to extended parsys component and add below css rule to change the text. you can use cq.authoring.dialog category for clientlibs.

e.g.

 

div.cq-Overlay--container.cq-draggable.cq-droptarget[title="Parsys Title"] .cq-Overlay--placeholder::before {
    content: 'custom comonnet drop text'
}

 

 

View solution in original post

7 Replies

Avatar

Correct answer by
Community Advisor

Hi,

If you want to change the defualt 'drop component here' text. Then you can set the jcr:title property e.g. jcr:title="Parsys Title" to extended parsys component and add below css rule to change the text. you can use cq.authoring.dialog category for clientlibs.

e.g.

 

div.cq-Overlay--container.cq-draggable.cq-droptarget[title="Parsys Title"] .cq-Overlay--placeholder::before {
    content: 'custom comonnet drop text'
}

 

 

Avatar

Level 4
@Deleted Account, thanks for prompt answer, could please guid me that where to change and what to change?

Avatar

Community Advisor

Hi, create a custom parsys component

{
  "jcr:primaryType": "cq:Component",
  "jcr:title": "Parsys Title",
  "cq:isContainer": true,
  "sling:resourceSuperType": "wcm/foundation/components/parsys",
  "componentGroup": ".hidden"
  }

 create clientlibs with category cq.authoring.dialog and add css rule which I mentioned.

Avatar

Level 4
Arun, is there any way to initialise a default text whenever or wherever i use custom parsys?

Avatar

Community Advisor
Hi, The text is hard coded in javascript, so you can't replace with property. The solution is use title as unique property and add CSS rule for that