IE: 9.0
Asp.net: 4.0
Telerik Version: 2013.1.403.40
Hi Telerik,
The page has just 1 RadGrid and which height is 100%, it works well but when I resize the browser from normal size to a smaller size, it gives me "Blank Area" on the bottom. Please take a look at attachments.
BTW: It works with FireFox and Chrome.
Thank you very much,
Bill
Html:
datasource.xml
Asp.net: 4.0
Telerik Version: 2013.1.403.40
Hi Telerik,
The page has just 1 RadGrid and which height is 100%, it works well but when I resize the browser from normal size to a smaller size, it gives me "Blank Area" on the bottom. Please take a look at attachments.
BTW: It works with FireFox and Chrome.
Thank you very much,
Bill
Html:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestDataGrid.aspx.cs" Inherits="MainFrameTest.TestDataGrid" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>RadGrid for ASP.NET AJAX</title> <style type="text/css"> html { overflow: auto; } html, body, form { margin: 0; height: 100%; } </style></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="XmlDataSource1" AllowPaging="true" PageSize="40" Width="100%" Height="100%" Style="border: 0; outline: none"> <MasterTableView TableLayout="Fixed" AllowFilteringByColumn="true" /> <ClientSettings EnableRowHoverStyle="true"> <Selecting AllowRowSelect="true" /> <Scrolling AllowScroll="true" UseStaticHeaders="true" /> </ClientSettings> <PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" /> </telerik:RadGrid> <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/datasource.xml" /> </form></body></html>datasource.xml
<?xml version="1.0" encoding="utf-8" ?><students> <student id="1" firstname="Cathy" lastname="Smith" suffixname="Jr" phone="704-717-0090" /> <student id="2" firstname="Mary" lastname="Andrew" suffixname="Sr" phone="704-717-0290" /> <student id="1" firstname="Cathy" lastname="Smith" suffixname="Jr" phone="704-717-0090" /> <student id="2" firstname="Mary" lastname="Andrew" suffixname="Sr" phone="704-717-0290" /> <student id="1" firstname="Cathy" lastname="Smith" suffixname="Jr" phone="704-717-0090" /> <student id="2" firstname="Mary" lastname="Andrew" suffixname="Sr" phone="704-717-0290" /> </students>2 Answers, 1 is accepted
0
Accepted
Hello Bill,
To avoid the described behavior in IE try setting overflow property to hidden instead of auto as shown below and let me know about the result:
Regards,
Pavlina
Telerik
To avoid the described behavior in IE try setting overflow property to hidden instead of auto as shown below and let me know about the result:
<style type="text/css"> html { overflow: hidden; } html, body, form { margin: 0; height: 100%; } </style>Regards,
Pavlina
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
wg
Top achievements
Rank 1
Rank 1
answered on 30 Oct 2013, 02:30 AM
Hi Pavlina ,
Sorry for the late reply, Thank you very much. Your answer is working.
Sorry for the late reply, Thank you very much. Your answer is working.