Hello,
As you'll see on the picture, there is still some room empty. I want to use that to for the grid, so I put grid.height 100%. But nevertheless there is still some room. I've put now a save button under the grid and I put in code:
grd.Behaviors.Paging.PagerAppearance = PagerAppearance.Bottom
grd.Behaviors.Paging.PageSize = 15
grd.Behaviors.Paging.Enabled =
True
So I looks more filled but it is all fixed. How can I achieve that the whole page is filled with the grid?
Kind regards,
Kris
Is your grid inside a table?
check the height grid frame and other controls.
No my grid is not in a table. I will check it.
<%@ Master Language="VB" CodeFile="Master.master.vb" Inherits="Master" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Admin portal</title>
<link href="CSS/admin.css" rel="stylesheet" type="text/css" />
</head>
<body onload="alertSize()">
<form id="form1" runat="server">
<script language="javascript" type="text/javascript">
function alertSize() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
var hiddenControl1 = '<%= inpwidth.ClientID %>';
document.getElementById(hiddenControl1).value=myWidth;
var hiddenControl2 = '<%= inpheight.ClientID %>';
document.getElementById(hiddenControl2).value=myHeight;
</script>
<input id="inpwidth" type="hidden" runat="server" />
<input id="inpheight" type="hidden" runat="server" />
<ig:WebScriptManager ID="WebScriptManager1" runat="server"></ig:WebScriptManager>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr><td>
<ig:WebDataMenu ID="MainMenu" runat="server" StyleSetName="Default" Width="100%">
<GroupSettings Orientation="Horizontal" Height="150px" EnableAnimation="False" Width="100%" />
<Items>
<ig:DataMenuItem Text="Home"></ig:DataMenuItem>
<ig:DataMenuItem Text="Parameters">
<ig:DataMenuItem Text="Users"></ig:DataMenuItem>
<ig:DataMenuItem Text="Applications"></ig:DataMenuItem>
<ig:DataMenuItem Text="[Separator]" IsSeparator="True"></ig:DataMenuItem>
<ig:DataMenuItem Text="Regions"></ig:DataMenuItem>
<ig:DataMenuItem Text="Event Programmes"></ig:DataMenuItem>
<ig:DataMenuItem Text="Event Tab Titles"></ig:DataMenuItem>
<ig:DataMenuItem Text="Notify mail"></ig:DataMenuItem>
</Items>
</ig:DataMenuItem>
<ig:DataMenuItem Text="Events"></ig:DataMenuItem>
<ig:DataMenuItem Text="Schedule"></ig:DataMenuItem>
<ig:DataMenuItem Text="Input"></ig:DataMenuItem>
<ig:DataMenuItem Text="Logout"></ig:DataMenuItem>
</ig:WebDataMenu>
</td></tr>
</table>
<asp:contentplaceholder id="Main" runat="server"></asp:contentplaceholder>
</form>
</body>
</html>
if you scroll down using browser scroll bar do u see a white space below your grid?
increase your pagesize to 50.
scroll down using your browser scrollbar.
check if there is any white space below your grid...
your code files are ok. I don't see any issues related to height.
And what can I do about the scrollbars?
ok. if you don't see a whitespace that means your % code has no issues,.
Just set the page size to some value so that you don't see a white space and scrollbars and your grid fits to the whole screen.
try setting your page size to 16,17,18... and check which page size suits you best.
hit and trial approch..
hope this will helps you.
-Ani