SAP Knowledge Base Article - Public

3460197 - SAP Build Work Zone mobile screen responsiveness issue

Symptom

Work Zone mobile device screen adaptiveness is not working.

Environment

  • SAP SuccessFactors HXM Suite.
  • SAP SuccessFactors Work Zone.

Reproducing the Issue

  1. Login to Work Zone on mobile phone browser
  2. Navigate to the page of Work Zone and notice that some contents are not adapting to mobile device screen

or

  1.  Use Chrome browser to login to Work Zone on desktop
  2.  Do CRTL + Shift + I
  3.  Do CTRL + Shift + M
  4.  Navigate to the page of Work Zone and notice that some contents are not adapting to simulated mobile device screen on Chrome

Resolution

Engineering team has applied a fix to it in April 25th. In case you still facing the issue, please raise an incident to LOD-SF-SWZ. The workaround below can be used as a temporarily fix.

 Workaround:

  1. Go to Administration console
  2. Go to Custom Scripts
  3. Add this custom footer:
    <style type="text/css">
      @media (max-width: 767px) {    div[data-dws-type="dws-layout-page-col-container"] .CCSXtPfRpxbha2eYUuDB.undefined {
          flex-direction: column;    }  }

      .rey4c0ZZfwuuGTzDesHD div[data-dws-type="dws-layout-page-col-container"].CCSXtPfRpxbha2eYUuDB.oco5ECKOB_EHXT1LKW1O {
        width: min(var(--container-desktop), calc(100% - (2 * var(--dws-page-outer-gap))));
      }
    </style>

Keywords

Work Zone, Adaptive, Responsive, Responsiveness, screen, Mobile, simulation, Iphone, https://jira.tools.sap/browse/DWS-11510  , KBA , LOD-SF-SWZ-UX , General User Interface Issues , How To

Product

SAP SuccessFactors Work Zone 1.0