[Solved] RadGrid

[Srikanthg]

Hi

   I am using a RadGrid. For this I am using simple paging.This simple PagerTemplate is displayed in 2 rows instead of in 1 row.

Can you please verify.For this the code I am using is:

<telerik:RadGrid ID="radGridBids" runat="server" GridLines="None" AllowPaging="true"

        AutoGenerateColumns="false" OnItemDataBound="radGridBids_ItemDataBound" PageSize="5"

        OnNeedDataSource="radGridBids_NeedDataSource" AllowSorting="true" ItemStyle-BorderStyle="None"

        Skin="" Width="100%">

        <PagerStyle NextPageText="Next" PrevPageText="Prev" Mode="NextPrevAndNumeric" HorizontalAlign="Right"

            AlwaysVisible="true"></PagerStyle>

        <HeaderStyle HorizontalAlign="Left" CssClass="grid_header" />

        <ItemStyle CssClass="grid_row_style" />

        <AlternatingItemStyle CssClass="grid_alternate_row_style" />

        <MasterTableView TableLayout="Fixed">

            <Columns>

                <telerik:GridTemplateColumn HeaderText="<%$Resources:TenderEngine_ProjectBids_Member.Text%>"

                    SortExpression="MemberName">

                    <ItemStyle CssClass="grid_width_20  bottom_border" />

                    <HeaderStyle HorizontalAlign="Left" CssClass="grid_header" />

                    <ItemTemplate>

                        <table>

                            <tr>

                                <td>

                                    <asp:HyperLink ID="hlkMemberId" runat="server" CssClass="grid_text_green" NavigateUrl='<%# GetNavigateUrl(Eval("BidderMemberId"), Eval("bidId"))%>'>

                                    </asp:HyperLink>

                                    <a id="ancrMemberId" runat="server" class="grid_text_green" />

                                </td>

                                <td>

                                    <asp:LinkButton ID="LnkWithDraw" runat="server" Visible='<%#IsBidOwner(Eval("BidderMemberId"), Eval("BidStatusId")) %>'

                                        meta:resourcekey="TenderEngine_Common_WithDraw" CommandArgument='<%# Eval("BidId") %>'

                                        OnClick="LnkWithDraw_Click" CssClass="grid_text_green" OnClientClick="return ConfirmWithDraw();" />

                                </td>

                                <td>

                                    <asp:Image ID="imgApprovedBid" runat="server" ImageUrl="~/Tender/Images/grid_lowestbid.gif"

                                        Visible="false" AlternateText="selected bid" />

                                </td>

                            </tr>

                        </table>

                    </ItemTemplate>

                </telerik:GridTemplateColumn>

                <telerik:GridTemplateColumn HeaderText="<%$Resources:TenderEngine_Common_Price.Text%>"

                    SortExpression="MaxPrice">

                    <ItemStyle CssClass="grid_width_20  bottom_border" />

                    <HeaderStyle HorizontalAlign="Left" CssClass="grid_header" />

                    <ItemTemplate>

                        <asp:Label ID="lblMaxPrice" runat="server" Text='<%# Eval("MaxPrice") %>'></asp:Label>

                    </ItemTemplate>

                </telerik:GridTemplateColumn>

                <telerik:GridTemplateColumn HeaderText="<%$Resources:TenderEngine_ProjectBids_BidDate.Text%>"

                    SortExpression="rowCreatedDate">

                    <ItemStyle CssClass="grid_width_20  bottom_border" />

                    <HeaderStyle HorizontalAlign="Left" CssClass="grid_header" />

                    <ItemTemplate>

                        <asp:Label ID="lblBidDateTime" runat="server" Text='<%#Eval("rowCreatedDate","{0:dd/MM/yyyy}") %>'></asp:Label>

                    </ItemTemplate>

                </telerik:GridTemplateColumn>

            </Columns>

        </MasterTableView>

    </telerik:RadGrid>

I

Instead of displaying like this.

   Change page: Prev Next   Displaying page 1 of 19, items 1 to 5 of 

Its displaying like :

                   Change page: Prev Next

 Displaying page 1 of 19, items 1 to 5 of 91.

  Please help me..  

[Dimo]

Hello Srikanthg,

The RadGrid pager consists of several <div>s, which are by default block-level elements, so each is displayed in a separate line.

In the RadGrid embedded skins these <div>s are floated, so they appear side by side. Since you have disabled the skin by setting Skin="", you need to supply the required CSS styles manually:

ASPX

<PagerStyle   CssClass="MyPagerStyleCssClass"   />

CSS

.MyPagerStyleCssClass  div { float: left ; }
.MyPagerStyleCssClass  div  div { float: none ; }


Generally, it is recommended (and easier) to use a custom skin, rather than disabling the skinning completely.


Greetings,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.