cancel
Showing results for 
Search instead for 
Did you mean: 

SAP Lumira Designer - Adaptive layout

former_member327010
Participant
0 Kudos

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

TammyPowlas
Active Contributor
0 Kudos

Martin - can you share a screenshot of the adaptive layout properties? Looking at this older SAP Note https://launchpad.support.sap.com/#/notes/2422685 maybe it could be adjusted by changing some settings there - " Adaptive Layout property called “Minimum Width of Extra Large Viewport”

former_member327010
Participant
0 Kudos

Hi Tammy,

he are the properties of adaptive layout.

Thanks,

Martin Zluky

TammyPowlas
Active Contributor
0 Kudos

What about setting the bottom and right margins to "AUTO"?

former_member327010
Participant
0 Kudos

Hi Tammy,

i tried but no success.

Regards,

Martin Zluky

Accepted Solutions (0)

Answers (1)

Answers (1)

arijit_das
Active Contributor
0 Kudos

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?

former_member308471
Participant
0 Kudos

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