Under Review
Last Updated: 06 May 2021 12:06 by ADMIN
Nikolay
Created on: 28 Apr 2021 20:43
Category: UI for Xamarin
Type: Bug Report
0
Layout broken on rotate phone on iOS with carousel and RadSideDrawer

Hi telerik team,

I know, my case is very specific, but I got this Bug and need to fix it somehow.

About: I have a RadSideDrawer in which I have a Collection View in which Header I have a Carousel View. When I rotate the phone in landscape mode the items are resized. After rotate back to portrait they are resized, but a lot of space appeare between them. So the layout is somekind wrong calculated. 
This only occure in this combination on iOS. If I remove the RadSideDrawer it works, if I remove the Collection View it also works, but both together not.

Reprosteps: Create a view with carousel embedded into the header of collection view embedded in to RadSideDrawer. (see attachment)
Rotate to landscape, rotate back to portrait mode.

System information:
iOS
xamarin: 5.0.0.2012
xamarin telerik ui: 2021.1.119.4

If you have a workarround for me, I will be very happy. Somehow to trigger a recalculation might help. I tryed set some InvalidateMeasure and ForceLayout but it didn't help. Either it don't work ot I apply it wrong. 
Any help is welcome!

Best regards,
Niko

Attached Files:
4 comments
ADMIN
Yana
Posted on: 06 May 2021 12:06

Hello Niko,

Thank you for sending the image.  I am not able to reproduce the same result when testing the provided snippet. Please find attached my test application,  could you download it and test it on your side?  If you can modify it, so that the issue to be reproduced and send it back for additional research, that would be of great help.

I look forward to your reply.

Regards,
Yana
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

Attached Files:
ADMIN
Lance | Manager Technical Support
Posted on: 05 May 2021 21:15

Hello Nikolay,

While you await Yana's response, I thought I'd pop in and show you a pro-tip on Windows 10.

Just press the Windows key + "G" key and you'll get the Xbox overlay. In the overlay, you'll see a "Capture" widget. That lets you record the screen and get an mp4 file saved directly to your Pictures > Camera Roll folder! No 3rd party software needed!

If you did want a free 3rd party GIF recorder, you can check out Techsmith Capture (it's free). It lets you record only smaller part of the screen and save a Mp4/gif (I usually find MP4 to be smaller than GIFs because of the superior encoding).

Regards,
Lance | Manager Technical Support
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Nikolay
Posted on: 05 May 2021 21:03

Hi Yana,

thank you for your response,

yes sure, I add a screenshot of the carousel before rotate and after rotate. Basicaly there is a big gap between each red square.
It's not very easy to see with an image, gif would be better, but I do not know how to make a gif ^^

If you need more infos let me know.

 

Greets,

Niko

Attached Files:
ADMIN
Yana
Posted on: 05 May 2021 17:35

Hello Niko,

Thank you for sending the page XAML. I've tested the scenario on iOS and I have some doubts whether I am reproducing the same behavior.  Would it be possible to send me a screenshot showing how it looks in both landscape and portrait modes?

I look forward to your reply.

Regards,
Yana
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.