How to uniquely identify cq:dialog and apply clientlibs?

jezwn

19-12-2019

Working with extraClientlibs, I created one component, let it be x, wrote the clientlibs and added its category to extraClientlibs in cq:dialog. The dialog contains granite/ui/components/coral/foundation/tabs component with 4 tabs. Created another component, y, and dialog consisting of granite/ui/components/coral/foundation/tabs again. Whatever styles are tweaked in x's dialog it gets applied to both x and y's dialog eventhough no extraClientlibs has been added to y. The thing is both dialog contains the same tab component and styles are applied to the class 'coral3-TabList'. But without adding extraClientlib to y, how is it getting those styles?

cq:dialog

Accepted Solutions (1)

Accepted Solutions (1)

Nirmal_Jose

MVP

20-12-2019

Can you ensure the component 'x' dialog has a granite:class property on it and all the extraclientlib css rules are prefixed with this wrapper class. This will ensure cached css won't affect anywhere else

Answers (1)

Answers (1)

Arun_Patidar

MVP

20-12-2019

Hi,

Can you check if you have sling resource supertype property in the second dialog?

what is the client library category name? it should not be an existing one. you should use new category name.