How to uniquely identify cq:dialog and apply clientlibs? | Community
Skip to main content
jezwn
jezwn
Level 5
December 19, 2019
Solved

How to uniquely identify cq:dialog and apply clientlibs?

  • December 19, 2019
  • 2 replies
  • 2319 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Nirmal_Jose

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

2 replies

Nirmal_Jose
Adobe Employee
Nirmal_JoseAdobe EmployeeAccepted solution
Adobe Employee
December 20, 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

    arunpatidar
    Community Advisor
    arunpatidarCommunity Advisor
    Community Advisor
    December 20, 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.

    Arun Patidar
    Terms & ConditionsAccessibility statement

    Loading footer...