Skip to Content
avatar image
Former Member

Page layout with margins on desktop and without margins on mobile devices

Hi all,

I am looking for a layout control in UI5 which adds margins on the left and on the right of my content, when my app runs on a PC (desktop) - e.g.

But when the UI5 app runs on mobile devices the margins should disappear - e.g.

I have seen this behaviour on the SAP UI5 Explored page (https://sapui5.hana.ondemand.com/explored.html). But I am not quite sure which control is used there.

Thanks for your help.

Best regards

Dan

unbenannt.jpg (37.9 kB)
unbenannt2.jpg (35.3 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Mar 26, 2017 at 06:07 AM

    If you use the class 'sapUiResponsiveMargin' with width set as 100%, then most of the controls will adjust like in the screenshot, you can give the same to responsive table and try.

    Best Regards,
    Mahesh

    Add comment
    10|10000 characters needed characters exceeded