RadWindow Fix for iPad

Thread is closed for posting
5 posts, 0 answers
  1. Christopher Tallos
    Christopher Tallos avatar
    12 posts
    Member since:
    Sep 2009

    Posted 30 Jun 2011 Link to this post


    RadControls version


    .NET version


    Visual Studio version


    programming language


    browser support

    all browsers supported by RadControls

    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!
  2. Georgi Tunev
    Georgi Tunev avatar
    7207 posts

    Posted 01 Jul 2011 Link to this post

    Hello Christopher,

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

    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.

  3. Ryan
    Ryan 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.
  4. Isaias
    Isaias 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:(
  5. Scott
    Scott 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.