<%
@ Control Language="VB" AutoEventWireup="false" CodeFile="Test.ascx.vb" Inherits="Apps_MapViewer_Test" %>
<%
@ Register Assembly = "AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit"%>
<%
@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<
asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
</
asp:ScriptManagerProxy>
<
link href="../../common/css/page-styles.css" rel="stylesheet" type="text/css" />
<
div id="FullColDiv">
<telerik:RadDockLayout ID="RadDockLayout1" Runat="server">
<telerik:RadDockZone ID="RadDockZone1" Runat="server" Orientation="Vertical" FitDocks="true" EnableEmbeddedSkins="false" Skin="GNet">
<telerik:RadDock ID="RadDock1" Runat="server" DockMode="Docked" EnableDrag="false" EnableEmbeddedSkins="false" Skin="GNet" Resizable="false">
<Commands>
<telerik:DockExpandCollapseCommand AutoPostBack="false" ClientTypeName="Telerik.Web.UI.DockExpandCollapseCommand" />
<telerik:DockCommand ClientTypeName="Telerik.Web.UI.DockCommand" AutoPostBack="false" CssClass="rdNew" Name="New" Text="New Layer" />
</Commands>
<TitlebarTemplate>
<div id="TitleBarTitle">My Uploads</div>
<asp:Image ID="rdOptions" runat="server" ImageUrl="~/GNet/Dock/options.png" CssClass="rdOptions" />
<ajaxToolkit:PopupControlExtender ID="PopupControlExtender1" runat="server" TargetControlID="rdOptions" PopupControlID="UploadOptions" Position="Bottom" />
</TitlebarTemplate>
<ContentTemplate>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</telerik:RadDockLayout>
<asp:Panel CssClass="popupMenu" ID="UploadOptions" runat="server" style="display:none;">
<table>
<tr><td>Option 1</td>
<td><asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem>Option 1</asp:ListItem>
<asp:ListItem>Option 2</asp:ListItem>
<asp:ListItem>Option 3</asp:ListItem>
</asp:DropDownList>
</td></tr>
<tr><td>Option 2</td>
<td><asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem>Checkbox 1</asp:ListItem>
<asp:ListItem>Checkbox 2</asp:ListItem>
</asp:CheckBoxList>
</td></tr>
<tr><td>Option 1</td>
<td><asp:RadioButtonList ID="RadioButtonList1" runat="server">
<asp:ListItem>Radiobutton 1</asp:ListItem>
<asp:ListItem>Radiobutton 2</asp:ListItem>
</asp:RadioButtonList>
</td></tr>
<tr><td align="right" colspan="2">
<asp:ImageButton ID="cancel" runat="server" ImageUrl="~/images/small_cancel.png" />
<asp:ImageButton ID="apply" runat="server" ImageUrl="~/images/small_apply.png" />
</td></tr>
</table>
</asp:Panel>
</
div>
| <style type="text/css"> |
| .centerLoadingPanel |
| { |
| background:gray url(<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>) center center no-repeat; |
| } |
| </style> |
| <snip> |
| <rad:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <rad:AjaxSetting AjaxControlID="SearchButton"> |
| <UpdatedControls> |
| <rad:AjaxUpdatedControl ControlID="ADuserGrid" /> |
| </UpdatedControls> |
| </rad:AjaxSetting> |
| </AjaxSettings> |
| </rad:RadAjaxManager> |
| <rad:RadAjaxLoadingPanel CssClass="centerLoadingPanel" ID="RadAjaxLoadingPanel2" Transparency="25" runat="server" HorizontalAlign="Center" IsSticky="false"> |
| </rad:RadAjaxLoadingPanel> |
| <rad:RadAjaxPanel ID="rapMain" runat="server" LoadingPanelID="RadAjaxLoadingPanel2"> |
| <div> |
| <table> |
| <tr> |
| <td> |
| <rad:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" Width="100%"> |
| <Tabs> |
| <rad:RadTab runat="server" Text="User Filter"/> |
| <rad:RadTab runat="server" Text="Group Filter"/> |
| </Tabs> |
| </rad:RadTabStrip> |
| <rad:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Width="100%"> |
| <rad:RadPageView runat="server" ID="RadPageView" BorderWidth="1" Width="100%"> |
| <fieldset id="FilterFieldSet" runat="server"> |
| <legend>Filter</legend> |
| <table cellspacing="0" cellpadding="0" border="0" style="width: 800px;"> |
| <tr> |
| <td><span runat="server">First Name:</span></td> |
| <td><asp:TextBox runat="server" ID="FirstNameTextBox" Width="150"/></td> |
| <td>Last Name:</td> |
| <td><asp:TextBox runat="server" ID="LastNameTextBox" Width="150"/></td> |
| </tr> |
| <tr> |
| <td>Email:</td> |
| <td><asp:TextBox runat="server" ID="EmailTextBox" Width="150"/></td> |
| <td>Login:</td> |
| <td><asp:TextBox runat="server" ID="LoginTextBox" Width="150"/></td> |
| </tr> |
| <tr> |
| <td colspan="4" align="center"> |
| <br /> |
| <asp:Button ID="SearchButton" runat="server" Text="Go...." onclick="SearchButton_Click" /></td> |
| </tr> |
| <tr> |
| <td colspan="4"> |
| <asp:Label ID="AddedUserLabel" runat="server" Visible="false">User Added!</asp:Label><br /> |
| <asp:Label ID="ResultLabel" runat="server" Visible="false"></asp:Label> |
| </td> |
| </tr> |
| </table> |
| </fieldset> |
| </rad:RadPageView> |
| </rad:RadMultiPage> |
| </td> |
| </tr> <tr> <td> <br /> <rad:RadGrid ID = "ADuserGrid" runat ="server" EnableAJAX="True" onitemcommand="ADuserGrid_ItemCommand" GridLines="None" onneeddatasource="ADuserGrid_NeedDataSource" AutoGenerateColumns="false" > <MasterTableView Width="100%"> <Columns> <rad:GridTemplateColumn UniqueName="addUserButtonColumn"> <ItemTemplate> <asp:LinkButton Text= "Add" runat= "server" CommandName ="addUserCommand" Visible ="true" /> </ItemTemplate> </rad:GridTemplateColumn> <rad:GridBoundColumn DataField="Email" HeaderText="Email" SortExpression="Email"> <HeaderStyle Width="200px" /> </rad:GridBoundColumn> <rad:GridBoundColumn DataField="GivenName" HeaderText="First Name"> <HeaderStyle Width="200px" /> </rad:GridBoundColumn> <rad:GridBoundColumn DataField="Name" HeaderText="Full Name"> <HeaderStyle Width="200px" /> </rad:GridBoundColumn> <rad:GridBoundColumn DataField="SamAccountName" HeaderText="Login Name"> <HeaderStyle Width="200px" /> </rad:GridBoundColumn> <rad:GridBoundColumn DataField="DistinguishedName" HeaderText="Distinguished Name"> <HeaderStyle Width="400px" /> </rad:GridBoundColumn> </Columns> </MasterTableView> <PagerStyle Position="Bottom" Mode="NumericPages" HorizontalAlign="Center"/> </rad:RadGrid> </td> </tr> </table> </div> </rad:RadAjaxPanel> |
If I place the Grid in a table, the horizontal resize fails. If I increase IE window width, the grid resizes properly. If I decrease IE window width, the grid does not resize and IE starts to display an horizontal scrollbar.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TelerikGrid.aspx.cs" Inherits="Application_Test_TelerikGrid" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
html,
body,
form
{
margin:0px;
padding:0px;
height:100%;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<table style="width:100%;height:100%">
<tr>
<td style="height:100%">
<telerik:RadGrid
ID="RadGrid1"
runat="server"
DataSourceID="XmlDataSource1"
AllowPaging="true"
PageSize="40"
Width="100%"
Height="100%"
style="border:0;outline:none"
>
<MasterTableView TableLayout="Auto"/>
<ClientSettings EnableRowHoverStyle="true">
<Selecting AllowRowSelect="true" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" />
</ClientSettings>
<PagerStyle Mode="NextPrevAndNumeric" />
</telerik:RadGrid>
</td>
</tr>
</table>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/datasource.xml" />
</form>
</body>
</html>
If I change <table> by <div> it works properly. I am using 2009.1.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TelerikGrid.aspx.cs" Inherits="Application_Test_TelerikGrid" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
html,
body,
form
{
margin:0px;
padding:0px;
height:100%;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div style="width:100%;height:100%">
<telerik:RadGrid
ID="RadGrid1"
runat="server"
DataSourceID="XmlDataSource1"
AllowPaging="true"
PageSize="40"
Width="100%"
Height="100%"
style="border:0;outline:none"
>
<MasterTableView TableLayout="Auto"/>
<ClientSettings EnableRowHoverStyle="true">
<Selecting AllowRowSelect="true" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" />
</ClientSettings>
<PagerStyle Mode="NextPrevAndNumeric" />
</telerik:RadGrid>
</div>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/datasource.xml" />
</form>
</body>
</html>
This is happening on IE 7 and 8. Both code samples work properly on FF 3.0.7.
Thanks
