SAP Knowledge Base Article - Public

3536696 - Inconsistency in External Site Theme with Configured Branding

Symptom

The external site theme is not synchronized with the settings configured in the Branding theme.

Environment

SAP SuccessFactors Learning

Reproducing the Issue

  1. Configure a theme in Branding >
  2. Apply the theme to the new home pages >
  3. Observe that the theme is not applied correctly in external sites >
  4. Some links and buttons do not update as per the theme.

Cause

Product Management team has confirmed that Branding in Sites are not currently supported with the New Learning Experience enabled. Some issues can be addressed by adding custom HTML in the custom footer of Learning. This KBA provides the step by step for to apply Theme Manager CSS to a Site.
 
 

Resolution

The HTML is customer-specific, so it needs to be recreated for each customer. You can add the contents of the .html file received from the steps below in the custom footer in Learning Branding.  It’s possible to provide the theme via a workaround using a custom footer by following these steps: 

  1. Navigate to the following URL in the browser, replacing {sfBaseDomain} and {companyId} with your tenant specific values: https://{sfBaseDomain}/public/ui-dcss/{companyID}/THEMING_LMS/verp/ui/theming/resources/css/themes/global_variables.dcss > Example URL:  https://hcm17preview.sapsf.com/public/ui-dcss/SAP/THEMING_LMS/verp/ui/theming/resources/css/themes/global_variables.dcss >
    • Note: This will get the CSS (HTML code) from Theme Manager that is currently set as Default. 
  2. A text file should appear containing styling rules for the customer’s theme. Copy the entire file >   
  3. Paste the copied file contents into the custom_footer_template.html file where the text “/* The contents of global_variables.dcss go here */” appears. The pre-existing code at the top of the file should not be changed >
  4. Log into the Learning admin UI >
  5. Navigate to System Administration > Application Administration > Brands. Search for and edit the specific brand that should be updated >
  6. Copy the content of the template file edited above and paste it into the “footer” text field >
  7. Click Apply Changes.

See Also

Keywords

learning, external, site, theme, branding, brand, inconsistency, custom, footer , KBA , LOD-SF-LMS-THM , Theme Related Issues , LOD-SF-LMS-EXT , Sites and External Users , LOD-SF-LMS , Learning Management System , Problem

Product

SAP SuccessFactors Learning all versions