2428739 - Learning Page in BizX does not display the Theme's Background Header color after 1702

SAP Knowledge Base Article - Public

2428739 - Learning Page in BizX does not display the Theme's Background Header color after 1702

Symptom

  • In Theme Manager, the Background Header color is set to a different color than the Page's background color
  • All pages display the correct header color, except the Learning Page
  • The Learning Page's header uses the Page's background color instead of the specified header color

Environment

  • SAP SuccessFactors
  • Learning Management System (LMS)
  • Platform User Interface (PLT UI)

Reproducing the Issue

  1. Login to BizX as an Admin
  2. Navigate to Admin Center > Theme Manager
  3. Under "Fine Tune" > "Header background", set the Header background to "Solid color"
  4. Specify a color different than the Background color of the page (set under Quick Theme > Page background color)
    1. ThemeSettings.png
  5. Save the changes
  6. Navigate to different pages using the Drop Down menu at the top left
  7. Select "Learning" and note the header color matches the page background
    1. ThemeLearning.png
  8. This could lead to readability issues if the text color of header text is the same as the background
  9. Other pages show the white header background as expected
    1. Theme_nonLearning.png

Cause

  • This has been raised to Product Engineering under UI-9038 as a defect

Resolution

  • This issue is corrected in release 1705 and 1702 Patch 3

Workaround:

  • Change Theming text color for the Headers to improve readability
  • Use a background image, there are 2 options for this:
    • Use a single header background image that spans the header:
      1. Login as Admin and navigate to Admin Center > Theme Manager
      2. Expand "Fine Tune" > "Header Background"
      3. Select "Upload an image"
      4. Uploaded header image
      5. Under "Width type", set to "Placemat width"
      6. Save the changes
      7. Test that it looks as expected
    • A plain white image can be used (or another color) and set to repeat for the header to workaround this issue, it will appear as a solid color header:
      1. Login as Admin and navigate to Admin Center > Theme Manager
      2. Expand "Fine Tune" > "Header Background"
      3. Select "Upload an image"
      4. Uploaded a small image file that's a square of the solid color needed for the header color (5x5 pixels)
      5. Under "Image display", set Repeat to Repeat and leave Position as is
      6. Under "Width type", set to "Placemat width"
      7. Save the changes
      8. Test that it looks as expected

Keywords

SF SuccessFactors Platform UI User Interface Learning LMS header bg background back ground color colour theme theming manager management apply 1702 upgrade does not apply work wrong incorrect disappear missing menu text UI-8984 UI-9038 UI-8985 UI-8953 , KBA , LOD-SF-PLT , Foundational Capabilities & Tools , LOD-SF-LMS , SuccessFactors Learning , Bug Filed

Product

SAP SuccessFactors HCM Core 1611 ; SAP SuccessFactors HCM Core 1702 ; SAP SuccessFactors Learning 1611 ; SAP SuccessFactors Learning 1702