This is a migrated thread and some comments may be shown as answers.

Grid nested in rad pane, 100% scrollbar

2 Answers 87 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Mihai asked on 25 Nov 2010, 02:24 PM

Hello all,

I have the layout below: Because the grid has a RadToolBar on top and Height=100%, a scroll bar appears on the right :(

I want the grid to occupy the all the space below the tool bar. How should I do it?

The same problem I had for the splitter but I tricked with HeightOffset parameter...

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="StartPage.aspx.cs" Inherits="StartPage" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!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 id="Head1" runat="server">

<title></title>

<style type="text/css">

html, body, form

{

height: 100%;

margin: 0px;

padding: 0px;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="ScriptManager" runat="server" />

<div style="vertical-align: bottom;">

<div id="header" style="display: block; clear: both;">

<div style="float: right; padding-bottom: 10px">

<asp:LoginName ID="LoginName1" runat="server" />

<asp:LoginStatus ID="LoginStatus1" runat="server" />

</div>

<div style="float: left;">

LOGO</div>

</div>

<telerik:RadMenu ID="RadMenuMain" runat="server" EnableRoundedCorners="true" EnableShadows="true"

Width="100%">

<Items>

<telerik:RadMenuItem Text="Test">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" HeightOffset="60">

<telerik:RadPane ID="LeftPane" runat="server" Width="200px">

<telerik:RadTreeView ID="RadTreeViewLeft" runat="Server">

</telerik:RadTreeView>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane ID="EndPane" runat="server">

<telerik:RadToolBar ID="RadToolBarMain" runat="server" EnableRoundedCorners="true"

EnableShadows="true" Width="100%">

<Items>

<telerik:RadToolBarButton Text="Create" Value="Create"/>

</Items>

</telerik:RadToolBar>

<telerik:RadGrid ID="RadGridMain" runat="server" AllowMultiRowSelection="true" AllowSorting="True"

AutoGenerateColumns="false" AllowPaging="true" AllowCustomPaging="true" PageSize="20"

Height="100%">

<FilterMenu runat="server" Enabled="true">

</FilterMenu>

<ClientSettings>

<Selecting AllowRowSelect="True" />

<Resizing AllowResizeToFit="false" AllowColumnResize="true" ShowRowIndicatorColumn="true" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

</html>

Thanks,
Mihai

2 Answers, 1 is accepted

Accepted