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

Radgrid - having extra white space below the pagination

2 Answers 259 Views

Grid

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

Peeyush asked on 17 Jan 2012, 06:47 PM

PaginationAlign.png

Hello,

I am facing a issue regarding the radgrid, in which a white space is coming below the pagination, attached is the snapshot of the issue and the code, please suggest where am i going wrong.

Thanx in advance!!!

<%@ Page Title="" Language="C#" MasterPageFile="~/DWL.Master" AutoEventWireup="true"

CodeBehind="UserList.aspx.cs" Inherits="DWL_WebApplication.UserList" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<html>

<head>

<title></title>

</head>

<body style="width:100%; height:100%; background-color:#666666;">

<div id="wrapper" class="grid" style="background-color:#F0F2F4 !important; padding-bottom:30%; margin-top:-55px; padding-left:3px; width:100%; height: 100%;">

<form id="Form1" action="">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div style="margin-left:14px; margin-right:14px; ">

<telerik:RadGrid ID="RadGridUserList" runat="server" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" GridLines="None" AllowMultiRowSelection="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" AllowAutomaticDeletes="True" Width="998px" CssClass="gridHeightSet" OnItemDataBound="radGridUser_ItemDataBound"

GroupingSettings-CaseSensitive="false" PageSize="20" OnItemCommand="radGridUserList_ItemCommand"

OnInit="radGridUserList_OnInit" OnNeedDataSource="RadGridUserList_NeedDataSource">

<HeaderContextMenu>

</HeaderContextMenu>

<PagerStyle AlwaysVisible="True" />

<MasterTableView CommandItemDisplay="Top" AllowAutomaticDeletes="False" AllowAutomaticInserts="False"

AllowAutomaticUpdates="False" AllowFilteringByColumn="True" FilterItemStyle-Height="10px" HeaderStyle-CssClass="gridcloumnHeader"

HeaderStyle-Height="35px" FilterItemStyle-Width="100%">

<CommandItemTemplate>

</CommandItemTemplate>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<AlternatingItemStyle BackColor="#EDF1F3" />

<Columns>

<telerik:GridTemplateColumn AllowFiltering="False">

<HeaderStyle CssClass="gridcloumnHeader gridHAlign" HorizontalAlign="Left" ForeColor="White" /><ItemStyle HorizontalAlign="Left" />

<HeaderTemplate>

<asp:Label ID="lblHeaderAction" runat="server" Text="Action" CssClass="gridHAlign"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<asp:Panel ID="editButtonPanel" runat="server" Width="60px">

<asp:ImageButton ID="editUserButton" runat="server" OnClick="editUser_Click" Height="16px" Width="19px" ToolTip="Edit"

CausesValidation="False" />

<img alt="" src="images/menu_border-action.gif" />

<asp:ImageButton ID="deleteUserButton" runat="server" OnClick="deleteUser" Height="16px" Width="14px" ToolTip="Delete"

CausesValidation="False" />

</asp:Panel>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="UserID" UniqueName="columnUserId" Visible="false">

<HeaderStyle />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UserName" UniqueName="columnUserName" FilterControlAltText="Filter columnUserName column"

HeaderText="Username" HeaderTooltip="Username" FilterControlWidth="70%" ItemStyle-HorizontalAlign="Center">

<HeaderStyle CssClass="gridcloumnHeader gridHAlign" HorizontalAlign="Left" ForeColor="White" /><ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="IsActive" AllowFiltering="false" AllowSorting="true"

FilterControlAltText="Filter columnCategory column" HeaderText="Status" HeaderTooltip="Status"

UniqueName="columnUserStatus" Visible="true">

<HeaderStyle CssClass="gridcloumnHeader gridHAlign" HorizontalAlign="Left" ForeColor="White"/><ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UserFullName" FilterControlAltText="Filter columnDetails column"

HeaderText="Full Name" HeaderTooltip="Full Name" UniqueName="columnUserFullName" ItemStyle-HorizontalAlign="Center"

FilterControlWidth="70%">

<HeaderStyle CssClass="gridcloumnHeader gridHAlign" ForeColor="White" HorizontalAlign="Left" Width="200px" Height="15px"/>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="RoleCode" FilterControlAltText="Filter columnUserRole column"

HeaderText="Role" HeaderTooltip="Role" AllowFiltering="false" UniqueName="columnRole">

<HeaderStyle CssClass="gridcloumnHeader gridHAlign" HorizontalAlign="Left" ForeColor="White" />

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UserEmail" FilterControlAltText="Filter columnAssignedTo column"

HeaderText="Email address" HeaderTooltip="Email address" AllowFiltering="false"

UniqueName="columnEmailaddress" FilterControlWidth="70%">

<HeaderStyle CssClass="gridcloumnHeader gridHAlign" HorizontalAlign="Left" ForeColor="White" Width="200px" Height="15px"/>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ClientName" FilterControlAltText="Filter columnCompany By column"

HeaderText="Company" HeaderTooltip="Company" UniqueName="columnCompany" AllowFiltering="false"

FilterControlWidth="70%">

<HeaderStyle CssClass="gridcloumnHeader gridHAlign" HorizontalAlign="Left" ForeColor="White" Width="200px" Height="15px"/>

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</div>

</body>

</html>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">

</asp:Content>

2 Answers, 1 is accepted

answered on 18 Jan 2012, 09:47 AM

RadGridWhiteSpaceAtBottom.png

Thanx for your suggestion Princy, but it did not work, when i try to set the height of radgrid that time it vanishes, but a static height cannot be assigned to Radgrid as it varies with the number of columns(ie. dynamic data). PFA the screenshot for the problem, it is not due to pagination also,
as it tried it but it still remains the same, the problem occurs with grid only from my point of view.

Please reply ASAP as its urgent!

Thanx!