Problem with Scrolling on iOS-Devices

[former_member204578]

hi all,

I've got a problem with scrolling on iOS-Devices.

In my application (sapui5m) I have got a panel and inside this panel there are some other panels.

because of responsive design the panels inside may have different sizes and so scrolling must be available to view all panels inside the one panel.

on desktop everything ist fine. scrollbar appears and scrolling works as expected.

on ios devices there is no chance to scroll.

the panel has following css style:

overflow-x: hidden !important;

overflow-y: scroll !important;

i've read about iscroll but i don't know if this can fix the Problem. how do i implement iscroll in design studio?

thanks in advance.

regards

Christoph

[Former Member]

Same issue here. Works for everything but iOS.
Is it possible ?

Why iOS would deny an APP from  scrolling ?
Should'n it be rendering using the same CSS ?

[Former Member]

It is not iOS blocking the scroll, it is SAP (at Design Studio server side) blocking it. The regular browser behaviour of touchmove events have been blocked. This was done because some components were causing issues with it I believe.

[Former Member]

Wow..

This is bad news..

The approval of the project I'm working is waiting for this scrolling thing.

Would you know if there is anything I could do to unblock it ?

Thanks.

[mike_howles4]

You can unblock it with JavaScript injection hacks.  But it's a hack.

[Karol-K]

Hi,

on Ipad, the "scroll" is deactivated, partly by framework (ios), partly by design studio which is fixed-size on mobile devices.

I have only one option for mobile dashboard, you can create buttons like "down" and "up" which will move the corresponding panels up and down by modification of the "top margin" property.

e.g. for move down:

PANEL_1.setTopMargin(PANEL_1.getTopMargin() + 30);

I know this is not optimal, but I do not have any other solution in my mind.

Karol

[Former Member]

Hi Karol,

We have the same issue with the "tree" component, scrolling on mobile doesn't work, on destop is works fine. We're thinking about an workaround, do you have an possible solution in your mind as, for example, you gave above for the panel?

Regards,

Wim

[Karol-K]

you mean the SCN package "Tree" component? Does it mean, it is not scrollbar at all at mobile? actually there should be other event catching scrolling, but it is possible that this component is only prepared on desktop.

[Former Member]

yes, i mean the "Tree" component from the SCN package. It's not scrollbar on iPad (we tried this in the SAP BI app). Analytic components such as the crosstab works fine.

[MustafaBensan]

Hi Christoph,

iScroll can only be applied to an SDK component and therefore you can't apply it to standard components like a panel.  Perhaps this blog may be of help:  Scrollable Panel in Design Studio.

Regards,

Mustafa.

[former_member204578]

Hi Mustafa,

thanks for your post, but unfortunately it doesn't work.

scrolling on desktop still working, but no Scrolling on iPad or iPhone.

any other idea?

Regards,

Christoph

[former_member204578]

No other tips or workarounds?

i won't believe that there is no chance to scroll on ios.

[Former Member]

I heard that scroll should have been supported in m mode ...

Sap Source.

Strange, because this is a big drawback we hoped fix in 1.6 m ...

And btw overflow properties does not work (as you have seen) in the MOBI app. Do you have the latest version ?

[former_member204578]

i do not use the mobile app. and yes, i am using latest version design studio 1.6

very poor that such standard features are not supported out of the box.

why is there a sapui5m library when such features do not work?!

[MustafaBensan]

Hi Christoph,

In my experience, the sapui5m library itself supports mobile features very well, including scrolling.  I think the issue you have encountered is probably specific to Design Studio and related to how the Panel component has been integrated with sapui5m.

[Former Member]

Oh ? You're not using it ?

I really advice you to use it if you can. There is a lot of nice features bundles into it (sharing for instance). I am pretty sure scrolling will be supported !

[former_member204578]

Hi Frank,

the customer doesn't want to use the mobile app.

but anyway there must be a way to enable scrolling in a panel with css overflow option, isn't it?

i won't believe that nobody else needs this "feature".

i have already tried this in SAPUI5 m Mode true AND false. there is no difference.

any other idea to implement the scrolling in a panel on ios devices and windows phones?

is it a bug and possibility to get help from sap with a ticket?

[TammyPowlas]

Hello Christoph - why doesn't the customer want to use the SAP Mobile BI app? 

[former_member204578]

Hi Tammy,

Scrolling doesn't even work in mobile app.

and more than that my resize-function doesn't work when orientation of mobile device changes.

in the mobile app i have only the Portrait orientation and it doesn't rotate to landscape.