Reduce RadListView DataPager Css calls

3 posts, 0 answers
  1. Diane
    Diane avatar
    10 posts
    Member since:
    Jul 2008

    Posted 12 Apr 2010 Link to this post

    Hi,

    I have noticed a performance issue with the RadListView and DataPager controls. I am seeing a noticable delay in moving to the next page in my RadListView which I think is due to the number of CSS calls being made. This only happens the first time i visit the page with the control on and click the "next page" button - afterwards, the css is cached so the performance is fine.

    I am seeing 8 calls to CSS files from my WebResource.axd. These are for:

    Telerik RadListView Common CSS
    Telerik RadListView Default Skin
    Telerik RadDataPager Common CSS
    Telerik RadDataPager Default Skin

    The calls all occur twice!

    Is there a way to reduce these calls?
    Here is my code:

    <asp:UpdatePanel ID="upExpList" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false"
            <ContentTemplate>  
            <ul> 
                    <telerik:RadListView OnPageIndexChanged="rlvExperiences_PageIndexChanged"  
                    ItemPlaceholderID="ViewTitlePlaceholder" 
                        DataKeyNames="ExperienceId" ID="rlvExperienceTitles" 
                        runat="server" AllowPaging="true"
                        <LayoutTemplate> 
                            <li runat="server" id="ViewTitlePlaceholder" /> 
                            </li> 
                        </LayoutTemplate> 
                        <ItemTemplate> 
                            <li> 
                                //removed for brevity 
                            </li> 
                        </ItemTemplate> 
                    </telerik:RadListView> 
                </ul> 
            </div> 
            </ContentTemplate> 
            <Triggers> 
            <asp:AsyncPostBackTrigger ControlID="dataPager" EventName="Command" /> 
            <asp:PostBackTrigger ControlID="rlvExperienceTitles" /> 
            </Triggers> 
            </asp:UpdatePanel> 
            <asp:UpdatePanel ID="upDataPager" runat="server" > 
            <ContentTemplate> 
               <telerik:RadDataPager BackColor="Transparent" BorderColor="Transparent"  
          Font-Size="Small" ID="dataPager" runat="server" PagedControlID="rlvExperienceTitles"  
          PageSize="20"
    <Fields> 
                                   <telerik:RadDataPagerButtonField FieldType="Prev" /> 
                                   <telerik:RadDataPagerButtonField FieldType="Numeric" /> 
                                   <telerik:RadDataPagerButtonField FieldType="Next" /> 
                                 <telerik:RadDataPagerTemplatePageField> 
                                                <PagerTemplate> 
                                                    <div style="float: right"
                                                         
                                                            <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" /> 
                                                            to 
                                                            <asp:Label runat="server" ID="TotalPagesLabel" Text="<%#CheckPagingTotal( Container.Owner.StartRowIndex+Container.Owner.PageSize) %>" /> 
                                                            of 
                                                            <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" /> 
                                                             
                                                        
                                                    </div> 
                                                </PagerTemplate> 
                                            </telerik:RadDataPagerTemplatePageField> </Fields> 
                           </telerik:RadDataPager> 
            </ContentTemplate></asp:UpdatePanel> 

    Thanks
    Tom
  2. Rosen
    Admin
    Rosen avatar
    3234 posts

    Posted 14 Apr 2010 Link to this post

    Hello Tom,

    I'm afraid that I'm unable to recreate the behavior you have described. I'm receiving as expected just

    RadListView Common CSS
    RadListView Default Skin
    RadDataPager Common CSS
    RadDataPager Default Skin

    Also I have noticed that you are not using RadListView's built-in skinning, therefore you may consider to disable the css which are downloaded for it. This can be achieve by setting EnableEmbeddedSkins and EnableEmbeddedBaseStylesheet to false.

    Kind regards,
    Rosen
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Diane
    Diane avatar
    10 posts
    Member since:
    Jul 2008

    Posted 14 Apr 2010 Link to this post

    Hi,

    This behaviour does not appear on my development machine using IIS7, but does appear on my development server and production server (both running IIS6).

    I have disabled the embedded resources for the ListView control and this has now reduced the calls from 8 to 4. There is still duplication for the
    RadDataPager Common CSS
    RadDataPager Default Skin

    I will continue to investigate.
    Thanks
    Tom

Back to Top