I'm currently on Version Q1 2009 of the ASP.NET AJAX Controls.
My issue here is that we have a RadWindow with dynamically generated content (so unsure of how much text will appear). However we're not getting a scrollbar in IE 8 even when we turn compatiblity mode on...
However in Firefox etc. the scrollbar appears fine.
The code for the RadWindow is below :
The Code in the page that loads up :
My issue here is that we have a RadWindow with dynamically generated content (so unsure of how much text will appear). However we're not getting a scrollbar in IE 8 even when we turn compatiblity mode on...
However in Firefox etc. the scrollbar appears fine.
The code for the RadWindow is below :
| <telerik:RadWindow runat="server" ID="uiReleaseNotes" Height="545px" Width="800px" |
| Behaviors="Maximize" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" |
| VisibleStatusbar="false" VisibleTitlebar="true" NavigateUrl="ShowReleaseNotes.aspx" |
| Skin="Telerik"> |
| </telerik:RadWindow> |
The Code in the page that loads up :
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head id="Head1" runat="server"> |
| <title>Release Notes</title> |
| <script type="text/javascript"> |
| function GetRadWindow() //Get reference to window |
| { |
| var oWindow = null; |
| if (window.radWindow) |
| oWindow = window.radWindow; |
| else if (window.frameElement.radWindow) |
| oWindow = window.frameElement.radWindow; |
| return oWindow; |
| } |
| </script> |
| <style type="text/css"> |
| body, form, html |
| { |
| height: 100%; |
| margin: 0px; |
| padding: 0px; |
| } |
| </style> |
| <link href="../CSS/businessport.css" rel="stylesheet" type="text/css" /> |
| </head> |
| <body> |
| <form id="form2" runat="server"> |
| <div style="height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"> |
| <asp:ScriptManager ID="ScriptManager" runat="server" /> |
| <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Sunset" ControlsToSkip="Scrollbars" /> |
| <div style="border: 1px solid #FFB700; margin-top: 25px; margin-bottom: 25px; width: 85%; |
| padding: 20px; background-color: #35435E;"> |
| <div style="width: 100%; height: 26px; text-align: right;"> |
| <asp:Button ID="cancelItemButton" runat="server" Text="Close" OnClick="cancelItemButton_Click" |
| Width="75px" /> |
| </div> |
| <div class="Gold Large"> |
| Release Notes - |
| <asp:Label ID="uiVersion" runat="server" Font-Size="Large"></asp:Label> |
| </div> |
| <table class="Small White"> |
| <tr> |
| <td> |
| <asp:Label ID="uiReleaseNotes" runat="server"></asp:Label> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </div> |
| </form> |
| </body> |
| </html> |
1 Answer, 1 is accepted
0
Hello Kevin,
The problem is not related to the RadWindow control - if you display that content page in a standard IFRAME, you will get the same result.
The reason for this issue is the filter that you are using (DXImageTransform.Microsoft.Gradient) - if you remove it, the scrollbars will appear. As an alternative, you could add overflow:auto to the same div where this filter is set.
All the best,
Georgi Tunev
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.
The problem is not related to the RadWindow control - if you display that content page in a standard IFRAME, you will get the same result.
The reason for this issue is the filter that you are using (DXImageTransform.Microsoft.Gradient) - if you remove it, the scrollbars will appear. As an alternative, you could add overflow:auto to the same div where this filter is set.
All the best,
Georgi Tunev
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.