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

Pager breaks out to mulitple lines

2 Answers 52 Views

Grid

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

Paul asked on 18 Oct 2011, 10:03 PM

Capture.JPG

I updated my controls from 2008 and for some reason the pager now displays on 5 lines. Any idea why this might be happening? I have posted the code below.

Thanks

<telerik:RadGrid ID="rgSalesOrder" DataSourceID="dsSalesOrderList" ShowHeader="true"

Width="676px" Height="185" AutoGenerateColumns="false" GridLines="None" AllowPaging="True"

PageSize="30" runat="server" OnSelectedIndexChanged="rgSalesOrder_SelectedIndexChanged"

OnItemDataBound="rgSalesOrder_ItemDataBound" OnSortCommand="rgSalesOrder_SortCommand" onpageindexchanged="rgSalesOrder_PageIndexChanged"

Skin="" EnableEmbeddedSkins="False" ImagesPath="~\Images\Grid\" CssClass="grid"

AllowSorting="true">

<PagerStyle Position="Bottom" AlwaysVisible="True" />

<MasterTableView AllowPaging="true" DataKeyNames="Id" AllowSorting="true">

<Columns>

<telerik:GridTemplateColumn HeaderText="Customer" ItemStyle-Width="250px" HeaderStyle-Width="250px" SortExpression="Company">

<ItemTemplate>

<asp:LinkButton ID="lbtnCompany" runat="server" Text='<%#Bind("Company") %>' OnClick="lbtnCompany_Click"></asp:LinkButton>

</ItemTemplate>

<EditItemTemplate>

<asp:LinkButton ID="lbtnCompany" runat="server" Text='<%#Bind("Company") %>' OnClick="lbtnCompany_Click"></asp:LinkButton>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="User" DataField="CreatedBy" HeaderStyle-Width="50px" ItemStyle-Width="50px">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" HeaderText="Quote#" CommandName="Select"

DataTextField="Id" SortExpression="Id" HeaderStyle-Width="65px" ItemStyle-Width="65px">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn HeaderText="Date" DataField="CreatedOn" DataFormatString="{0:MM/dd/yyyy}"

HeaderStyle-Width="85px" ItemStyle-Width="85px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Status" DataField="OrderStatus" HeaderStyle-Width="70px"

ItemStyle-Width="70px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Value" DataField="QuoteValue" HeaderStyle-Width="100px"

ItemStyle-Width="100px" DataFormatString="{0:c}">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="ACTION" SortExpression="Status" HeaderStyle-Width="155px"

ItemStyle-Width="155px" HeaderStyle-HorizontalAlign="Center" Visible="false">

<ItemTemplate>

<table id="tblStatus" border="0px" cellpadding="0px" cellspacing="0px" width="155px">

<tr>

<td style="text-align: center">

<asp:Label ID="lblCustomerID" runat="server" Visible="false" Text='<%# Bind("CustomerId") %>'></asp:Label>

<asp:Label ID="lblStatusID" runat="server" Visible="false" Text='<%# Bind("Status") %>'></asp:Label>

<asp:Label ID="lblStatus" runat="server" Visible="false" Text='<%# Bind("Status") %>'></asp:Label>

<asp:Label ID="lblRowStyle" runat="server" Visible="false" Text='<%# Bind("RowStyle") %>'></asp:Label>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="" ItemStyle-HorizontalAlign="Right">

<ItemTemplate>

<asp:CheckBox runat="server" ID="chkSelect" />

</ItemTemplate>

<EditItemTemplate>

<asp:CheckBox runat="server" ID="chkSelect" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<%--<ItemStyle CssClass="gridstyle"></ItemStyle>--%>

<HeaderStyle CssClass="gridheaderstyle"></HeaderStyle>

</MasterTableView>

<SelectedItemStyle BackColor="#FFFFCC" />

<ActiveItemStyle BackColor="#FFFFCC" />

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="true" ScrollHeight="141" />

<%--<ClientEvents OnGridCreated= "SetHeight" />--%>

</ClientSettings>

</telerik:RadGrid>

2 Answers, 1 is accepted

answered on 21 Oct 2011, 11:18 AM

Hello Paul,

It is possible that the styles that you are using are in conflict with the current base stylesheets of the control (which were not used back in 2008). So, you could try setting EnableEmbeddedBaseStylesheet="false" inside your grid declaration and see how the control looks.

If the problem persists, try temporarily enabling the embedded skins and stylesheet and then applying one of the new skins, like Default for example to see how it looks. If the problem goes away, then you should better inspect your custom styles and see which one causes the undesired look.

Best wishes,
Tsvetina
the Telerik team

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 their blog feed now