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 uniquely identify cq:dialog and apply clientlibs?

Avatar

Level 4

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?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

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

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

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

Avatar

Community Advisor

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.