how to create custom parsys or extend parsys?

[karthick1356]

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

[Bhuwan_B]

@karthick1356 Please check below Thread :

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-change-parsys-text-...

https://stackoverflow.com/questions/45109265/how-do-i-change-parsys-drop-area-text-in-aem-6-3s-touch...

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-extend-reuse-parsys...

[karthick1356]

tried it, it was old not working.

[arunpatidar · Accepted solution]

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'
}

[karthick1356]

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

[arunpatidar]

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.

[karthick1356]

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

[arunpatidar]

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