Home / Community & Support / Code Library / ASP.NET and ASP.NET AJAX > Window > RadWindow Fix for iPad

• Christopher Tallos

  Posted on Jun 30, 2011 (permalink)

  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!
  

  Reply

• Georgi Tunev Georgi Tunev

  Posted on Jul 1, 2011 (permalink)

  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.

  Reply

• Ryan

  Posted on Oct 4, 2011 (permalink)

  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.

  Reply

• Isaias

  Posted on Nov 29, 2011 (permalink)

  And how I can do I do that I have version Q2 ASP NET 2007:(

  Reply

Back to Top

Home / Community & Support / Code Library / ASP.NET and ASP.NET AJAX > Window > RadWindow Fix for iPad