RadWindow Fix for iPad

Thread is closed for posting
5 posts, 0 answers
  1. D936AFC2-264A-4160-89A3-ED83D87C5E9C
    D936AFC2-264A-4160-89A3-ED83D87C5E9C avatar
    12 posts
    Member since:
    Sep 2009

    Posted 30 Jun 2011 Link to this post

    Requirements
    RadControls version

     2011.1.413.40
    .NET version

     4.0
    Visual Studio version

     2010
    programming language

     C#
    browser support

    all browsers supported by RadControls


    PROJECT DESCRIPTION
    On Safari for iPad (iOS 3.2.2) while loading a RadWindow, the contents of the window are shifting outside of the window itself.  The following code defines the outside TD element, but the elements inside the TD, specifically the first DIV do not behave well in Safari on iPad.
    .RadWindow .rwWindowContent
    {
        height: 100% !important; /* very important property, especially for opera */
        background: white;
    }

    The following solution was implemented and tested in all browsers with success. This simply removes the height on the first div child.
    .RadWindow .rwWindowContent div:first-child
    {
        height: 0% !important; /* very important property, especially for safari iPad */
    }

    Let me know if this works for anyone else, or if I'm just mad for doing this. LOL!
  3. 000585EE-7DFC-4C10-B6EB-448F2DA3AFB4
    000585EE-7DFC-4C10-B6EB-448F2DA3AFB4 avatar
    7207 posts
    Member since:
    Jul 2016

    Posted 01 Jul 2011 Link to this post

    Hello Christopher,

    Thank you for sharing your approach with the community. Your points have been updated.



    Regards,
    Georgi Tunev
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. 56CEF378-0647-4339-80F6-8E6630D90C64
    56CEF378-0647-4339-80F6-8E6630D90C64 avatar
    1 posts
    Member since:
    Aug 2010

    Posted 04 Oct 2011 Link to this post

    I just want to caution people against doing this "fix"  I implemented this, and while testing we found that the actual content of the iFrame (Div) on an ipad was not being displayed.  Steeping through the code on the page, everything was there, but all RadWindows using this appeared to be blank.  Our solution was to remove this additional style.
  7. 93F90E80-692B-41AD-AE56-DCFD0D1BD305
    93F90E80-692B-41AD-AE56-DCFD0D1BD305 avatar
    1 posts
    Member since:
    Aug 2011

    Posted 29 Nov 2011 Link to this post

    And how I can do I do that I have version Q2 ASP NET 2007:(
  9. E6A2182B-109F-45B8-91C9-BA5FCAE92B6E
    E6A2182B-109F-45B8-91C9-BA5FCAE92B6E avatar
    38 posts
    Member since:
    Sep 2012

    Posted 19 Sep 2012 Link to this post

    I would also urge caution when implementing this fix.  It did take care of the issue on iPad, but we later noticed it caused odd display issues on a couple of our radconfirm popup windows on standard browsers (IE).
Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.