My Oracle Support Banner

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 later
Information 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:

  1. Create a Portal

  2. 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


  3. Go to the Portal Assets -> Skins

  4. Copy the Alta skin

  5. Go to the Portal Settings

  6. Set the following settings and click Save:

    Page Template: Alta Top Navigation
    Skin: Copy of Alta Skin

  7. View the portal

  8. 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>



  9. Go to Administer the portal

  10. Deploy the portal to a target environment

  11. View the portal in the target environment

  12. 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


My Oracle Support provides customers with access to over a million knowledge articles and a vibrant support community of peers and Oracle experts.