How to uniquely identify cq:dialog and apply clientlibs?

Avatar

Avatar

jezwn

Avatar

jezwn

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)

Avatar

Avatar

Nirmal_Jose

MVP

Avatar

Nirmal_Jose

MVP

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)

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831
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.