SOLVED
overlay tabs components styles are not loading
Hi Team,
I have to achieve the overlay tabs component how it is designed in we-retail. I have overlay the tabs component from the core component(2.11.0 version ) into my project but i am trying to load the style but those are not loading(the tabs are loading vertically without design). Can you please help me how to achieve the same behaviour as we-retail.
Thank you,
1 Accepted Solution
Correct answer by
In the official documentation, it is mentioned:
It appers, the clientlibs which you have identified might have been affecting tabs as well.
And after the embed, styles might be working for both.
Can you please confirm for the same page, by adding both tabs and new component?
Aanchal Sikka
Hello @Satish2info
Once you create an overlay, you need to create the policy specific to the new component.
policies are recognized by paths under conf. Overlay is idenfied as a new component from its perspective.
Hence, to append styles:
- go to the template
- click on the new component to create policy.
- Copy the values in Styles tab from the "Tabs" component to new component. Save
You should now get the Styles and should be able to apply as well
Aanchal Sikka
Apologies, I thought you are referring to Style System.
Can you possibly check if client libraries are loading on your page?
Please add the Tabs component and check once.
If yes, please check if the styles are dependent on the name of the component. The component names are available in enclosing <div> when a component is rendered
Aanchal Sikka
Correct answer by
In the official documentation, it is mentioned:
It appers, the clientlibs which you have identified might have been affecting tabs as well.
And after the embed, styles might be working for both.
Can you please confirm for the same page, by adding both tabs and new component?
Aanchal Sikka
