This is a migrated thread and some comments may be shown as answers.

iPad support for MVC Windows

3 Answers 22 Views
Window
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Evan Stineman
Top achievements
Rank 1
Evan Stineman asked on 15 Sep 2011, 08:39 PM
Seems like when I use Windows (modal) on my iPad, the entire background screen does not fade out like it normally would on a PC.
Is there anything I can do to fix this?

Thanks,

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 16 Sep 2011, 11:14 AM
Hi Evan,

The modal background is positioned by using a position:fixed style. Mobile devices deliberately do not support this in order to prevent an element from blocking most of the page content on a small screen.

A possible workaround is to switch the positioning to absolute in the Window's OnOpen event and set appropriate width and height:

function overlayMobile(e)
{
    var isTouch = (/iphone|ipad|android/gi).test(navigator.appVersion);
 
    if (isTouch) {
        var pageHeight = $("body").outerHeight();
        var pageWidth = window.innerWidth;
        $("body>.t-overlay").css( { position: "absolute", width: pageWidth, height: pageHeight } );
    }
}


Kind regards,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Jim Laber
Top achievements
Rank 1
answered on 16 Sep 2011, 02:49 PM
Thank you.  Seems to work, except the background didn't fade out.  I removed the height and width and simply changed from fixed to absolute and I got the fade out effect back.

Thanks.
0
Dimo
Telerik team
answered on 16 Sep 2011, 03:13 PM
Hi Jim,

I don't seem to observe such a relationship between the position and the animation on my side.

Anyway, the discussed fix will be included in the next internal build of the MVC extensions.

All the best,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Window
Asked by
Evan Stineman
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Jim Laber
Top achievements
Rank 1
Share this question
or