HTML CSS Class Names have Different Names Between Different WebCenter Portal Environments Making Skinning Difficult
(Doc ID 2494073.1)
Last updated on APRIL 04, 2023
Applies to:
Oracle WebCenter Portal - Version 12.2.1.0.0 and laterInformation in this document applies to any platform.
Symptoms
ACTUAL BEHAVIOR
While creating Skins for WebCenter Portal, it is observed that HTML CSS class names have different names between different WebCenter Portal environments.
Due to the different CSS class names, skin styles cannot be applied on the different WebCenter Portal Environments.
EXPECTED BEHAVIOR
Expect the CSS Class Names to be the same in all environments.
STEPS
The issue can be reproduced at will with the following steps:
- Create a Portal
- Add an HTML component in the Home page in the portal.
Then Edit the HTML Component and set it to display this text:
This portal will test the style class name - Go to the Portal Assets -> Skins
- Copy the Alta skin
- Go to the Portal Settings
- Set the following settings and click Save:
Page Template: Alta Top Navigation
Skin: Copy of Alta Skin - View the portal
- Open the browser development tools inspector.
You will see the following class name:
<div id="T:dclay:e3107483398::div2" style="background-color:transparent;" class="af_showDetailFrame_content p_AFLight">
This portal will test the style class name.
</div> - Go to Administer the portal
- Deploy the portal to a target environment
- View the portal in the target environment
- Open the browser development tools inspector.
You will see the following class name:
<div id="T:dclay:e3107483398::div2" style="background-color:transparent;" class="xhg p_AFLight">
This portal will test the style class name.
</div>
Changes
Cause
To view full details, sign in with your My Oracle Support account. |
|
Don't have a My Oracle Support account? Click to get started! |
In this Document
Symptoms |
Changes |
Cause |
Solution |
References |