RadDataPager issue

7 posts, 0 answers
  1. El
    El avatar
    130 posts
    Member since:
    Dec 2008

    Posted 29 Jul 2010 Link to this post

    The pager appears fine in all browsers (Opera, Google Chrome, Firefox and Safari) except in Internet Explorer where it's displayed very strange e.g. next/prev buttons are invisible without background etc. etc.

    Is it known bug or i am missing something. This is the code:

    <telerik:RadListView ID="RadListView1" runat="server"
                ItemPlaceholderID="itemPlaceholder" GroupPlaceholderID="groupPlaceholder" DataKeyNames="product_ID"
                onneeddatasource="RadListView1_NeedDataSource" AllowPaging="true" GroupItemCount="3"
                AllowCustomPaging="true" Skin="Telerik">
                 
                <LayoutTemplate>
                        <table  cellpadding="0" cellspacing="0" width="97%" style="clear: both; margin-top: 10px; margin-bottom: 10px;">
                            <tr>
                                <td align="center">
                                    <telerik:RadDataPager ID="RadDataPager2" runat="server" PagedControlID="RadListView1"
                                        PageSize="30" Skin="Telerik">
                                        <Fields>
                                            <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
                                            <telerik:RadDataPagerButtonField FieldType="Numeric" />
                                            <telerik:RadDataPagerButtonField FieldType="NextLast" />
                                             
                                            <telerik:RadDataPagerTemplatePageField>
                                                <PagerTemplate>
                                                    <div style="float: right">
                                                        <b>Items
                                                            <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />
                                                            to
                                                            <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# IIF(Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize), Container.Owner.StartRowIndex+Container.Owner.PageSize, Container.Owner.TotalRowCount) %>" />
                                                            of
                                                            <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
                                                            <br />
                                                        </b>
                                                    </div>
                                                </PagerTemplate>
                                            </telerik:RadDataPagerTemplatePageField>
                                        </Fields>
                                    </telerik:RadDataPager>
                                </td>
                            </tr>
                        </table>
                         
                <table cellpadding="0" cellspacing="0" width="100%" style="padding-left: 40px;">
                    <asp:PlaceHolder ID="groupPlaceholder" runat="server" />
                </table>               
                     
                        <table  cellpadding="0" cellspacing="0" width="95%" style="clear: both; margin-top: 10px;">
                            <tr>
                                <td align="center">
                                    <telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1"
                                        PageSize="30" Skin="Telerik">
                                        <Fields>
                                            <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
                                            <telerik:RadDataPagerButtonField FieldType="Numeric" />
                                            <telerik:RadDataPagerButtonField FieldType="NextLast" />
                                             
                                            <telerik:RadDataPagerTemplatePageField>
                                                <PagerTemplate>
                                                    <div style="float: right">
                                                        <b>Items
                                                            <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />
                                                            to
                                                            <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# IIF(Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize), Container.Owner.StartRowIndex+Container.Owner.PageSize, Container.Owner.TotalRowCount) %>" />
                                                            of
                                                            <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
                                                            <br />
                                                        </b>
                                                    </div>
                                                </PagerTemplate>
                                            </telerik:RadDataPagerTemplatePageField>
                                        </Fields>
                                    </telerik:RadDataPager>
                                </td>
                            </tr>
                        </table>
                </LayoutTemplate>
                 
                <GroupTemplate>
                    <tr>       
                        <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>           
                    </tr>
                </GroupTemplate>
                <ItemTemplate>
                   <td valign="top" style="padding-bottom: 10px;">
                <div>
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td valign="top" align="center">
                            <div class="ItemTitle">
                                <a href="Details.aspx?id=<%# Eval("product_ID") %>">
                                    <asp:Label ID="lblTitle" runat="server" Text='<%# ShortenText.Shorten(Eval("title"), 15) %>'></asp:Label>
                                </a>
                            </div>
                        </td>
                    </tr>
                     
                    <tr>
                        <td valign="middle" align="center">
                            <a href="Details.aspx?id=<%# Eval("product_ID") %>">
                                <asp:Image id="imgThumbnail" runat="server"  />
                            </a>
                        </td>
                    </tr>
            </table>
                </div>             
                </td>
                </ItemTemplate>
            </telerik:RadListView>

  2. El
    El avatar
    130 posts
    Member since:
    Dec 2008

    Posted 29 Jul 2010 Link to this post

    This is how it looks in FF and Other Browsers
    http://img245.imageshack.us/i/properly.gif/


    This is how it looks in Internet Explorer :(
    http://img193.imageshack.us/i/buggy.gif/
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. El
    El avatar
    130 posts
    Member since:
    Dec 2008

    Posted 30 Jul 2010 Link to this post

    Anybody sees this post? BUMP BUMP
  5. Radoslav
    Admin
    Radoslav avatar
    1564 posts

    Posted 04 Aug 2010 Link to this post

    Hi El,

    It is hard to say what is causing the described issue without having the running application and reproduce the issue. Could you please send us a simple runnable example which demonstrating the unwanted behavior. You could open a formal support ticket from your Telerik account and attach a ZIP file there. Thus we will be able to gather more details about your scenario and provide you a solution.

    Kind regards,
    Radoslav
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. El
    El avatar
    130 posts
    Member since:
    Dec 2008

    Posted 04 Aug 2010 Link to this post

    I just found what is causing this odd issue :(

    Namely, as long as you have less than 26 .css files inside the applied theme folder it works good. Once you exceed the files number of 26 it starts to behave like described in IE but still works fine in Firefox and other browsers. Could you please find out how it's related with the number of theme style files?

    Thanks
  7. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 04 Aug 2010 Link to this post

    Hi El,

    I suppose the information from this blog post can help.

    Regards,
    Sebastian
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  8. Grace DS
    Grace DS avatar
    1 posts
    Member since:
    Jan 2010

    Posted 06 Oct 2010 Link to this post

    Try this...

    <PagerTemplate
    <div style="float: right;">
      <b>Items
      <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />
      to
      <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# IIF(Container.Owner.TotalRowCount >(Container.Owner.StartRowIndex+Container.Owner.PageSize), Container.Owner.StartRowIndex+Container.Owner.PageSize, Container.Owner.TotalRowCount) %>" />
      of
      <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
       <br />
       </b>
    </div>
    <div style="clear:both;"></div>
    </PagerTemplate>
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017