Question

Issue with Skin Inheritance

We are trying to refactor the application skin rules to have one skin at Enterprise level and make different skin rule for each user portal which has different custom styles to present the content.All user portal skin rules are inherited from Enterprise skin which is inherited from pyEndUser skin rule .

As of today, All custom styles of user portals are configured at one place and tagged to Enterprise skin. If enterprise skin is tagged to user portals then all styles are being loaded perfectly but when trying to make new skin (inherited from enterprise skin) for user portal then few of styles are not loading like tabs are not coming .

Am I missing any configurations with skin inheritance ?

***Edited by Moderator Marissa to update platform capability tags****

Comments

Keep up to date on this post and subscribe to comments

November 20, 2018 - 4:14am

Can you please upload screenshots and the styles which are not getting picked up.

November 20, 2018 - 4:54am
Response to Rachit_Agarwal

I have attached document in detail. Let me know if still need additional info.

November 20, 2018 - 8:01am

likely you have disabled 'tabs' in the 'Included styles' tab of the skin - see https://community1.pega.com/community/pega-support/question/best-practices-styling-your-application - slide 'Skin – Turn off CSS generation for unused components'

 

November 20, 2018 - 9:21am
Response to RichardMarsot

No, Tabs box is already checked in the included styles .

November 20, 2018 - 10:33am

Basically, when we inherited any rule first priority gave to child level and move forward to parent level so can you please check Parent skin level(Enterprise level) formats or mixins overridden in child level skin.

November 20, 2018 - 1:16pm
Response to SuryaPrakash

I would double check that you are using the correct skin - if you point to the tab, the styling should come from a CSS file called pzskin_xxxx where xxx is your skin name. Other thing to try is put the same 2 skins into the same ruleset and version - check if it helps. 

November 20, 2018 - 2:19pm
Response to RichardMarsot

Sorry i didn't get your point on styling should come from CSS file .  If a portal is configured with a skin rule which is configured to inherit styles from other skin rule then All UI components in user portal should able to access the styles in skin inheritance path.

All skin rules are lies in same ruleset but may not be in same version ,I don't think so that would be an issue ,however I'll give try to keep both of them in same version .

Attached detailed document.

November 20, 2018 - 3:23pm
Response to Brahmesh@

if you use developer tools and select the tab header element, find where the css settings are coming from - in the screenshot below, you can see that the font-size is 11px comes from pzskin_pzDesignerStudio skin  

November 20, 2018 - 2:22pm
Response to SuryaPrakash

Nothing is overridden in user skin rule (Child skin). Attached the detailed document.

December 11, 2018 - 6:18pm
Response to Brahmesh@

Same issue here. Did you find a solution?