This is a migrated thread and some comments may be shown as answers.

RadDataPager issue

6 Answers 74 Views
ListView
This is a migrated thread and some comments may be shown as answers.
El
Top achievements
Rank 1
El asked on 30 Jul 2010, 12:16 AM
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>

6 Answers, 1 is accepted

Sort by
0
El
Top achievements
Rank 1
answered on 30 Jul 2010, 12:28 AM
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/
0
El
Top achievements
Rank 1
answered on 30 Jul 2010, 08:31 PM
Anybody sees this post? BUMP BUMP
0
Radoslav
Telerik team
answered on 04 Aug 2010, 12:32 PM
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
0
El
Top achievements
Rank 1
answered on 04 Aug 2010, 02:23 PM
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
0
Sebastian
Telerik team
answered on 04 Aug 2010, 05:10 PM
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
0
Grace DS
Top achievements
Rank 1
answered on 07 Oct 2010, 12:44 AM

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>
Tags
ListView
Asked by
El
Top achievements
Rank 1
Answers by
El
Top achievements
Rank 1
Radoslav
Telerik team
Sebastian
Telerik team
Grace DS
Top achievements
Rank 1
Share this question
or