SAP Knowledge Base Article - Public

3367217 - Responsive Page layout on the Auto device preview could not apply to other devices preview in a story with Optimized Design Experience mode enabled (namely Story 2.0) in SAP Analytics Cloud (SAC)

Symptom

  • Create a story and enable the Optimized Design Experience mode (namely Story 2.0) for this story
  • Add a Responsive Page into this optimized story and insert several lanes on this Responsive Page
  • After adding texts in the bottom lane on this Responsive Page and change different devices preview, observe that the blank space below the texts in the bottom lane would increase while the device size increases

Environment

  • SAP Analytics Cloud 2023.8.18

Reproducing the Issue

  1. Log on to SAC
  2. Create a story which contains the Responsive Page and has enabled the Optimized Design Experience mode (namely Story 2.0)
  3. Add a Responsive Page to this story and insert three lanes into this Responsive page
  4. Add some texts in the bottom lane and make sure there is no blank space below the texts in the bottom lane under the "Auto" device preview
  5. Under the Edit mode of the story, change the different device previews in the following order: Auto->Laptop->Desktop->4K UHD
    => Observe that there is no blank space below the texts in the bottom lane under the "Auto" device preview
    => Observe that the blank space below the texts in the bottom lane would increase as the device size increases

Cause

  • This is working as designed.

Resolution

Possible Workaround:

  • Create responsive rules for various devices such as desktop and 4K UHD screens by referring to the information in the document Design Responsive Layout (Optimized Story Experience) | SAP Help Portal.
  • Use Canvas in conjunction with Dynamic Layout Settings, a new feature in Optimized Story arising from our convergence with the Analytics Application. This feature enables you to set the table width to auto or 100%, and to specify the bottom pixel value.

See Also

Your feedback is important to help us improve our knowledge base

Keywords

sapanalyticscloud, sap analytical cloud, sap analytical cloud, SAC, sap analyst cloud, Story, story, Stories, stories, Story 2.0, story 2.0, Optimized Design Experience mode, ODE, ode, Optimized View mode, OVM, ovm, device preview, responsive page, bottom lane, texts, blank space, white space , KBA , LOD-ANA-UNS-DSG , Unified Story Designer Issues , Problem

Product

SAP Analytics Cloud 1.0