Not resizing properly - Landscape/Portrait

[Scott]

When switching between landscape to portrait view and vice-versa... the scrollview is not re-adjusting it's width correctly, what would be causing this to occur?

[Iliana Dyankova]

Hello Scott,

Could you please provide some mode details - do you observe this problem with our on line demos or it happens just in your project? Also, what is the platform and the browser you use?
 
Kind regards,
Iliana Nikolova
the Telerik team

[Scott]

It's happening with a listview... and only on Android devices...

We're forcing the platform to ios via application settings... because we like keeping the same look and feel across devices... on iPhones when switching from landscape to portrait and vice-versa... the listview resizes appropriately but on Android devices it does not, you have to refresh the page before it sizes correctly...

Is there anyway to capture a device orientation change event to force the listview to refresh and thus size correctly?

[Alexander Valchev]

Hi Scott,

I tried to reproduce this behaviour on Android 2.3.6 and 4.0.3 but to no avail. Could you please check the attached sample page and let me know if the problem persists there?

As a general information, KendoMobile does not have its own orientation change events, but you can use the HTML5 DeviceOrientation API. For more information on the subject please check the following articles:

• http://dev.w3.org/geo/api/spec-source-orientation.html 
• http://www.html5rocks.com/en/tutorials/device/orientation/ 

Regards,
Alexander Valchev
the Telerik team

[Ivan]

Hi,

I am also having problem with ScrollView when changing orientation.

Problem is that current page in ScrollView is changed when changing orientation from portrait to landscape and it should not. Also page change event is not fired when this happen.
However, layout and styles are properly updated. For example, width of ScrollView page is changed to new width, styles shows that another page is selected ...

Demo project that reproduce this problem is attached. I have tested this in Google Chrome and on iPhone.
Steps to reproduce:
- in list select one item in the middle of the list  (item 2-4)
- this will show Scroll view. ScrollView has 3 pages. Pages 1 and 3 are empty, page 2 contains image and it is initially shown when item is selected in list.
- switching between pages by scrolling left or right will trigger page changed event and show message box.
- before changing orientation (or maximizing browser if using Chrome) be sure that page 2 (the one with image) is currently shown.
- change orientation (maximize browser). The result is that page 1(empty page) will be shown and page changed event would not even be triggered. Scrolling from right to left after this will change page, image will be shown and page changed event triggered.

[Petyo]

Hi Ivan,

Thanks for contacting us. The current scrollview change orientation logic attempts to preserve the scrolling offset. However, this does not work well with the pages feature, where each page changes size when orientation is changed. We plan to address this issue for the upcoming Q2 service pack. 

Kind regards,
Petyo
the Telerik team

[Dave]

I'm having a similar problem. When I rotate an iOS device from portrait to landscape, the image rotates but does not resize to fit the new width/height (see image).

This is with the nightly build from about a week ago.

Advice?

[Petyo]

Hello Dave,

This thread discusses resizing issues with the scrollview widget. From your screenshot, it looks like you are facing another type of problem. Please consider opening a separate thread or a support ticket - a sample code and steps to reproduce.

Thank you,

Petyo
the Telerik team