Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Overlapping the `sap.tnt.SideNavigation` sidebar in mobile mode

See original GitHub issue

OpenUI5 version: 1.98.0

Currently, when expanding sap.tnt.SideNavigation in the mobile mode the sidebar shifts the view content aside:

W2c9c

2GZj1

While usually the sidebar menu overlaps the content, at least that’s how it does work in any mobile app.

Is there any property, which can specify the way the sidebar behaves (shifts/overlaps) in the mobile mode? If there is no such property yet, then it would be great to add such one.

Issue Analytics

State:
Created 2 years ago
Reactions:2
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

olannyvcommented, Jan 14, 2022

Hi @pubmikeb,

We have a bigger visual design and behavior specification update (that covers also your issue). Such refactoring is planned and according to priority would be implemented in due month(s).

1reaction

nnaydenowcommented, Jan 10, 2022

Hi @pubmikeb,

Could you please check this sample: https://sapui5.hana.ondemand.com/#/entity/sap.f.ShellBar/sample/sap.f.sample.ShellBarWithSplitApp and confirm that reported issue could be observed there.

Regards, Nayden

Top Results From Across the Web

How to show sap.tnt.SideNavigation over the view content on ...

In the mobile mode, the sap.tnt.SideNavigation controller can be either expanded or collapsed ( expanded = "true"/"false" ).

sap.tnt.ToolPage side content overlaps main content

I am creating an application based on the sap.tnt.ToolPage layout control. Everything works perfectly, besides the first rendering, ...

Sidebar widgets in columns (and overlapping) on mobile

Great theme! Currently my sidebar widgets are displaying in two columns on mobile. This makes the widgets overlap and I would prefer them...

sap.tnt.SideNavigation - Samples - Demo Kit - SAPUI5 SDK

sap.tnt.SideNavigation. More. UX Guidelines: Side Navigation. Extends: Control. Application Component: CA-UI5-CTR. Available Since: 1.34. Category: Action.

Untitled

Ossyan battlecollege, Justin torkildsen beautiful, Tumblr sidebar image hipster, Herbie the love ... 1169/kmk.01/1991 english version, Daxian phone charger, ...