How to uniquely identify cq:dialog and apply clientlibs?

[jezwn]

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?

[Nirmal_Jose · Accepted solution]

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

[arunpatidar]

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.