PagerStyle in FireFox (NextPrevNumericAndAdvanced)

[rjb227s]

Hello,

I have a rad grid with master and detail tables.  My pager style setting is NextPrevNumericAndAdvanced. 

Everything looks fine in IE 7 and 8, but in Firefox  the pager footer is squished and does not wrap so the 'change page' form text and text box are all overlayed on top of each other.  I have tried setting the height of the pager style but with no success.

Can you supply me with some direction or let me know if this is in fact a bug. (I'm using 2009 q1)

Below is my pager style code:

<PagerStyle NextPageText="Next" PrevPageText="Prev" Mode="NextPrevNumericAndAdvanced" ForeColor="black" Wrap="true"></PagerStyle>

Here is my grid tag:

<pro:RadGrid
    ID="rgMessageQueue"
    runat="server"
    Style="height: auto;color: #a5d7fe;"
    AllowSorting="True"
    AllowPaging="true"
    CellPadding="0"
    CellSpacing="0"
    AutoGenerateColumns="False"
    AllowFilteringByColumn="false"
    OnItemCommand="rgMessageQueue_ItemCommand"
    PageSize="20"
    OnNeedDataSource="rgMessageQueue_NeedDataSource"
    OnDetailTableDataBind="rgMessageQueue_DetailTableDataBind"
    Skin="Office2007"
    EnableEmbeddedSkins="false"
    OnItemDataBound="rgMessageQueue_ItemDataBound" >

Thank you in advance.
Ryan

[Pavlina]

Hi Ryan,

I followed your scenario in order to replicate the issue but to no avail. Please find attached a small working project which handles the desired functionality. Give it a try and let me know if you have other questions or problems.

Regards,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Bruce]

I'm having the exact same issue, but the example provided by Telerik doesn't make sense to me. I'm not having problems binding the data or displaying it. The issue is that the Pager area is not wrapping as defined, causing elements of the Pager control to overlay one another.

Any ideas ??

[Pavlina]

Hello Bruce,

Can you paste the problematic grid declaration? Providing screenshots could also help.Thank you.

All the best,
Pavlina
the Telerik team

[Bruce]

Here is my RadGrid declaration, and I have attached two screen shots of the RadGrid. The one that works properly is running in an IIS6 environment, and the one that doesn't wrap and has overlaided elements is running in an IIS7 environment:

                   <telerik:RadGrid ID="radGridSearchResults" runat="server" DataSourceID="SqlDataSourceProdSearch"
                        GridLines="None" AllowPaging="True" AllowSorting="False" PageSize="5" ShowGroupPanel="False"
                        Skin="WebBlue">
                        <MasterTableView AutoGenerateColumns="False" DataKeyNames="gp_id" DataSourceID="SqlDataSourceProdSearch">
                            <RowIndicatorColumn>
                                <HeaderStyle Width="20px"></HeaderStyle>
                            </RowIndicatorColumn>
                            <ExpandCollapseColumn>
                                <HeaderStyle Width="20px"></HeaderStyle>
                            </ExpandCollapseColumn>
                            <Columns>
                                <telerik:GridTemplateColumn UniqueName="SelectColumn" HeaderText="Select" DataField="gp_id"
                                    DataType="System.Int32" ItemStyle-VerticalAlign="Top">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="lnkSelectProductImage" runat="server"
                                            PostBackUrl='<%#String.Format(setURL(Eval("gp_id").ToString(), Eval("ProductName").ToString())) %>'
                                            ImageUrl='<%# "~/Images/OnlineStore/" & Eval("ProductImage")%>' Height="100px" Width="100px"></asp:ImageButton>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridBoundColumn DataField="gp_id" DataType="System.Int32" HeaderText="General Product ID"
                                    ReadOnly="True" SortExpression="gp_id" UniqueName="gp_id" Visible="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridTemplateColumn UniqueName="ProductDescription" HeaderText="Description" DataField="ProductDescription"
                                    ItemStyle-HorizontalAlign="Left"  ItemStyle-VerticalAlign="Top">
                                    <ItemTemplate>
                                        <asp:HyperLink ID="lnkProductName" runat="server" Text='<%# Eval("ProductName")%>' NavigateUrl='<%#String.Format(setURL(Eval("gp_id").ToString(), Eval("ProductName").ToString())) %>' ></asp:HyperLink>
                                        &nbsp;
                                        <asp:Label ID="lblProductDescription" runat="server" Text='<%# Eval("ProductDescription")%>'></asp:Label>
                                     </ItemTemplate>
                                </telerik:GridTemplateColumn>
                            </Columns>
                        </MasterTableView>

                        <PagerStyle Mode="NextPrevNumericAndAdvanced" PageButtonCount="10" Width="99%" Wrap="true" Font-Size="Small" />

                    </telerik:RadGrid>

[Pavlina]

Hello Bruce,

Basically, the pager should display in one line, as demonstrated in the following example. It could appear on multiple lines if the grid width is not enough for the pager to display in a single line.
Also if you are using custom CSS styles you can review this forum post.

Kind regards,
Pavlina
the Telerik team