Skip to Content

SAP Lumira Designer - Adaptive layout

i all,

we want to build a nice responsive (adaptive?) application using the Adaptive layout component. It consists of four charts and everything works fine execpt one thing. When we resize the window the charts are placed under each other but they go "out of the window". Take a look at the picture. The red line shows the end of the application. As you can see part of the first chart goes out of the application borders and the second one is completely out. I guess the problem is that the block height is set to 200. I tried to set it to auto but you can not set it to auto height. Any ideas how to set it right?

Best regards,

Martin Zluky

test.jpg (71.6 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Jan 17 at 10:24 AM

    Do you have any fixed width/height for PANEL_2 or CHART_1 ?

    Can you try to set all margins to 0( or some value >0 as suited to your application) for both PANEL_2 and CHART_1 so that width & height are set to auto?

    Add comment
    10|10000 characters needed characters exceeded

    • Hi Arijit,

      I am also facing the same problem.

      After creating a block in the Adaptive Layout, it become mandatory to provide height value (restrictive in nature)

      Inside that block if we add any other component like panel/chart and set its margins to 0 with height:width as auto, that components gets restricted with the height of the block.

      Thus the chart or panel of inside Adaptive Layout cannot resize its height to fit in the screen.

      Are there any best practices recommened while working with Adaptive Layout?

      Regards,

      Kiran Shenvi