RadGrid Pager

5 posts, 0 answers
  1. Srikanthg
    Srikanthg avatar
    38 posts
    Member since:
    Mar 2009

    Posted 02 Apr 2009 Link to this post

    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
  2. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 06 Apr 2009 Link to this post

    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.
  3. Vineet Dhingra
    Vineet Dhingra avatar
    5 posts
    Member since:
    Sep 2009

    Posted 18 Feb 2010 Link to this post

    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

    First Page Previous Page
    1
    Next Page Last Page
     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>
  4. Vineet Dhingra
    Vineet Dhingra avatar
    5 posts
    Member since:
    Sep 2009

    Posted 18 Feb 2010 Link to this post

    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

    First Page Previous Page
    1
    Next Page Last Page
     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> 

                           
  5. Edmond
    Edmond avatar
    2 posts
    Member since:
    Dec 2011

    Posted 15 Dec 2011 Link to this post

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