RadGrid Pager

[Srikanthg]

Hi.

    I am using simple pager in RadGrid. But this pager is displaying in two rows instead of in one row

    I am using

                 <PagerStyle Mode="NextPrevAndNumeric" HorizontalAlign="Right" Position="Top" AlwaysVisible="true" ></PagerStyle>

    Actually it should display like(Only in single row)

     " Change page:<1>                                        Display page 1 of 1, items 1 to 3 of 3  "

    

    But displaying like(two rows)                                          

       " Change page:<1>                                      

         Display page 1 of 1, items 1 to 3 of 3  "

    Please help me

    Thanks

    Srikanth Gunnala

[Yavor]

Hi Srikanthg,

Basically, the pager should display in one line, as demonstrated in the following example. If the layout issue persists, you can open a formal support ticket, and send us a small working project, demonstrating your settings, and displaying the issue, for additional testing.

Best wishes,
Yavor
the Telerik team

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

[Vineet Dhingra]

Hi
I am also getting the same problem. the pager is cumng in diff lines i tried to vary the layout but still the same result.
The pager is coming like this

1

 Item 1 to 2 of 2

Page:of 1 Page size:

This is code i have given for the grid with pager is

<telerik:RadAjaxPanel ID="RadAjaxPanel1" EnableAJAX="true" EnableEmbeddedScripts="true"
    LoadingPanelID="RadAjaxLoadingPanel1" runat="server">
    <table width="100%">
        <tr>
            <td>
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="50">
                    <div id="divLoadingPnl" runat="server" style="position: absolute; left: 400px; top: 250px">
                        <asp:Image ID="imgLoading" runat="server" AlternateText="Loading..." ImageUrl="~/wpresources/HumanResources/Images/progress.gif" />
                    </div>
                </telerik:RadAjaxLoadingPanel>
                <telerik:RadGrid ID="rdgReportComment" ImagesPath="~/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images"
                    Skin="Hay" AllowFilteringByColumn="True" AllowSorting="False" EnableEmbeddedSkins="False" AutoGenerateColumns="false"
                    MasterTableView-CommandItemDisplay="None" AlternatingItemStyle-BackColor="ForestGreen"
                    runat="server" AllowPaging="True" HeaderStyle-ForeColor="#009900" GridLines="None" ShowFooter="true" CellPadding="0" HeaderStyle-HorizontalAlign="Left"
                    Style="position: relative" Width="1100px" CommandItemStyle-ForeColor="#009900" OnNeedDataSource="rdgReportComment_NeedDataSource">
                    <HeaderContextMenu EnableEmbeddedSkins="False">
                    </HeaderContextMenu>
                    <PagerStyle AlwaysVisible="True" ForeColor="#009900" Font-Names="verdana" Font-Size="8pt"
                        Mode="NextPrevNumericAndAdvanced" Position="Bottom" Height="28 px"/>

                    <MasterTableView CommandItemDisplay="None" EnableNoRecordsTemplate="true" ShowFooter="true">
                        <Columns>
                            <telerik:GridTemplateColumn UniqueName="Edit" AllowFiltering="false" Groupable="false">
                                <ItemTemplate>
                                    <img alt="" src="/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Edit.gif"
                                        title="Edit"/>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <%--<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"
                                ImageUrl="wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Delete.gif"
                                ConfirmDialogType="RadWindow" ConfirmText="Are you sure you want to delete the row permanently?"
                                ButtonType="ImageButton" />--%>
                            <telerik:GridTemplateColumn AllowFiltering="false" UniqueName="TemplateColumn" Reorderable="false"
                                Groupable="false">
                                <HeaderStyle HorizontalAlign="center" Width="40px" />
                                <ItemTemplate>
                                    <asp:LinkButton runat="server" CausesValidation="false" CommandName="Delete" ID="lnkBtnDelete"></asp:LinkButton>
                                    <img alt="" src="/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Delete.gif"
                                        title="Delete"/>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn Visible="false" UniqueName="CommentsID" HeaderText="CommentsID" SortExpression="CommentsID"
                                                DataField="CommentsID" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblCommentsID" runat="server" Text='<%# Eval("CommentsID") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="Comments" HeaderText="Comments" SortExpression="Comments"
                                                DataField="Comments" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblComments" runat="server" Text='<%# Eval("Comments") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="CreatedBy" HeaderText="Created By" SortExpression="CreatedBy"
                                                DataField="CreatedBy" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblCreatedBy" runat="server" Text='<%# Eval("CreatedBy") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="CreatedDate" HeaderText="Created Date" SortExpression="CreatedDate"
                                                DataField="CreatedDate" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblCreatedDate" runat="server" Text='<%# Eval("CreatedDate") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="UpdatedBy" HeaderText="Updated By" SortExpression="UpdatedBy"
                                                DataField="UpdatedBy" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblUpdatedBy" runat="server" Text='<%# Eval("UpdatedBy") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="UpdatedDate" HeaderText="Updated Date" SortExpression="UpdatedDate"
                                                DataField="UpdatedDate" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblUpdatedDate" runat="server" Text='<%# Eval("UpdatedDate") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                        </Columns>
                        <EditFormSettings PopUpSettings-Modal="true" EditFormType="WebUserControl">
                            <EditColumn FilterImageUrl="~/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Filter.gif">
                                <HeaderStyle ForeColor="#009900" />
                                <ItemStyle ForeColor="#009900" />
                            </EditColumn>
                            <FormStyle BorderColor="Black" />
                            <FormMainTableStyle HorizontalAlign="Center" />
                        </EditFormSettings>
                        <EditItemStyle HorizontalAlign="Center" VerticalAlign="Top" />
                        <CommandItemSettings RefreshImageUrl="/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Refresh.gif"
                            AddNewRecordText="" />
                        <CommandItemStyle ForeColor="#009900" />
                    </MasterTableView>
                    <HeaderStyle ForeColor="#009900" />
                    <FilterMenu Skin="Hay" EnableEmbeddedSkins="true" CssClass="rgFilterMenu" EnableTheming="True">
                    </FilterMenu>
                    <CommandItemStyle ForeColor="#009900" />
                </telerik:RadGrid>

                        </Columns>
                        <EditFormSettings PopUpSettings-Modal="true" EditFormType="WebUserControl">
                            <EditColumn FilterImageUrl="~/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Filter.gif">
                                <HeaderStyle ForeColor="#009900" />
                                <ItemStyle ForeColor="#009900" />
                            </EditColumn>
                            <FormStyle BorderColor="Black" />
                            <FormMainTableStyle HorizontalAlign="Center" />
                        </EditFormSettings>
                        <EditItemStyle HorizontalAlign="Center" VerticalAlign="Top" />
                        <CommandItemSettings RefreshImageUrl="/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Refresh.gif"
                            AddNewRecordText="" />
                        <CommandItemStyle ForeColor="#009900" />
                    </MasterTableView>
                    <HeaderStyle ForeColor="#009900" />
                    <FilterMenu Skin="Hay" EnableEmbeddedSkins="true" CssClass="rgFilterMenu" EnableTheming="True">
                    </FilterMenu>
                    <CommandItemStyle ForeColor="#009900" />
                </telerik:RadGrid>

[Vineet Dhingra]

Hi
I am also getting the same problem. the pager is cumng in diff lines i tried to vary the layout but still the same result.
The pager is coming like this

1

 Item 1 to 2 of 2

Page:of 1 Page size:

This is code i have given for the grid with pager is

<telerik:RadAjaxPanel ID="RadAjaxPanel1" EnableAJAX="true" EnableEmbeddedScripts="true"
    LoadingPanelID="RadAjaxLoadingPanel1" runat="server">
    <table width="100%">
        <tr>
            <td>
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="50">
                    <div id="divLoadingPnl" runat="server" style="position: absolute; left: 400px; top: 250px">
                        <asp:Image ID="imgLoading" runat="server" AlternateText="Loading..." ImageUrl="~/wpresources/HumanResources/Images/progress.gif" />
                    </div>
                </telerik:RadAjaxLoadingPanel>
                <telerik:RadGrid ID="rdgReportComment" ImagesPath="~/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images"
                    Skin="Hay" AllowFilteringByColumn="True" AllowSorting="False" EnableEmbeddedSkins="False" AutoGenerateColumns="false"
                    MasterTableView-CommandItemDisplay="None" AlternatingItemStyle-BackColor="ForestGreen"
                    runat="server" AllowPaging="True" HeaderStyle-ForeColor="#009900" GridLines="None" ShowFooter="true" CellPadding="0" HeaderStyle-HorizontalAlign="Left"
                    Style="position: relative" Width="1100px" CommandItemStyle-ForeColor="#009900" OnNeedDataSource="rdgReportComment_NeedDataSource">
                    <HeaderContextMenu EnableEmbeddedSkins="False">
                    </HeaderContextMenu>
                    <PagerStyle AlwaysVisible="True" ForeColor="#009900" Font-Names="verdana" Font-Size="8pt"
                        Mode="NextPrevNumericAndAdvanced" Position="Bottom" Height="28 px"/>

                    <MasterTableView CommandItemDisplay="None" EnableNoRecordsTemplate="true" ShowFooter="true">
                        <Columns>
                            <telerik:GridTemplateColumn UniqueName="Edit" AllowFiltering="false" Groupable="false">
                                <ItemTemplate>
                                    <img alt="" src="/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Edit.gif"
                                        title="Edit"/>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <%--<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"
                                ImageUrl="wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Delete.gif"
                                ConfirmDialogType="RadWindow" ConfirmText="Are you sure you want to delete the row permanently?"
                                ButtonType="ImageButton" />--%>
                            <telerik:GridTemplateColumn AllowFiltering="false" UniqueName="TemplateColumn" Reorderable="false"
                                Groupable="false">
                                <HeaderStyle HorizontalAlign="center" Width="40px" />
                                <ItemTemplate>
                                    <asp:LinkButton runat="server" CausesValidation="false" CommandName="Delete" ID="lnkBtnDelete"></asp:LinkButton>
                                    <img alt="" src="/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Delete.gif"
                                        title="Delete"/>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn Visible="false" UniqueName="CommentsID" HeaderText="CommentsID" SortExpression="CommentsID"
                                                DataField="CommentsID" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblCommentsID" runat="server" Text='<%# Eval("CommentsID") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="Comments" HeaderText="Comments" SortExpression="Comments"
                                                DataField="Comments" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblComments" runat="server" Text='<%# Eval("Comments") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="CreatedBy" HeaderText="Created By" SortExpression="CreatedBy"
                                                DataField="CreatedBy" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblCreatedBy" runat="server" Text='<%# Eval("CreatedBy") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="CreatedDate" HeaderText="Created Date" SortExpression="CreatedDate"
                                                DataField="CreatedDate" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblCreatedDate" runat="server" Text='<%# Eval("CreatedDate") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="UpdatedBy" HeaderText="Updated By" SortExpression="UpdatedBy"
                                                DataField="UpdatedBy" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblUpdatedBy" runat="server" Text='<%# Eval("UpdatedBy") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn UniqueName="UpdatedDate" HeaderText="Updated Date" SortExpression="UpdatedDate"
                                                DataField="UpdatedDate" AllowFiltering="true">
                                                <ItemTemplate>
                                                    <asp:Label ID="lblUpdatedDate" runat="server" Text='<%# Eval("UpdatedDate") %>'></asp:Label>
                                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                        </Columns>
                        <EditFormSettings PopUpSettings-Modal="true" EditFormType="WebUserControl">
                            <EditColumn FilterImageUrl="~/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Filter.gif">
                                <HeaderStyle ForeColor="#009900" />
                                <ItemStyle ForeColor="#009900" />
                            </EditColumn>
                            <FormStyle BorderColor="Black" />
                            <FormMainTableStyle HorizontalAlign="Center" />
                        </EditFormSettings>
                        <EditItemStyle HorizontalAlign="Center" VerticalAlign="Top" />
                        <CommandItemSettings RefreshImageUrl="/wpresources/HumanResources/HRRadControls/Grid/Skins/Hay/Images/Refresh.gif"
                            AddNewRecordText="" />
                        <CommandItemStyle ForeColor="#009900" />
                    </MasterTableView>
                    <HeaderStyle ForeColor="#009900" />
                    <FilterMenu Skin="Hay" EnableEmbeddedSkins="true" CssClass="rgFilterMenu" EnableTheming="True">
                    </FilterMenu>
                    <CommandItemStyle ForeColor="#009900" />
                </telerik:RadGrid>

                       

[Edmond]

I had the same problem.  The following worked for me:  EnableEmbeddedSkins="True"