RadSlider with radHtml Chart Loading Slowly in IE browser:

6 posts, 0 answers
  1. Vasanth
    Vasanth avatar
    5 posts
    Member since:
    Feb 2012

    Posted 28 Apr 2013 Link to this post

         I have a Scenario using RadSlider with RadHTMLChart(Pie) in the Update Panel, in SharePoint 2010 Application Page. I added the RadSlider in ItemTemplate of RadListView control ,we have more than 50 RadSLider controls in the page. When the changes were made in the Slider, the HTMLChart also changed.

              When modifying the slider, I pass the value to RadHtmlchart on client side.The problem is when the page Refresh, the RadSLider and RadHTMLChart Controls are not displayed initially.
              It takes 15 seconds to show the Slider and RadHTMLChart controls after the page loads. The controls are taking time to load.

          I found that when using the minimum count for RadSLider control(2) , the radHtmlChart loads without delay. When increasing the RadSlider control count to 50, the RadHtml chart displays only after 15 seconds after the page load. It is happens only in IE browser.

             When i open the same page in Chrome and FireFox  the controls are shown within a second.


            Then I have changed  the RadSlider control property as "EnableServerSideRendering="true"". After changing this property, on page refresh the RadSLider controls displays without any delay. RadSlider works perfectly, but the RadHtmlChart produces the same delay to show the control,when referesh the page.

    This issue happens only in IE browser.

    Please provide any resolve methods to handle  this issue
  2. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 30 Apr 2013 Link to this post

    Hello Vasanth,

    By default the RadSlider control is rendered on the client. If there are many sliders on the page this operation could consume a lot of memory. It is expected that the browser will become unresponsive when such a heavy script is executed.

    Setting EnableServerSideRendering to true is the suggested approach in this case, since it will reduce the scripts that are executed thus improving the performance.

    It is strange that you are still experiencing the same delay after switching to server-side rendering of the sliders. Please ensure that there are not additional scripts that could be affecting the performance of the page. If the problem persists send a simple, fully runnable sample that isolates your case so that I can examine the exact setup and suggest an according solution.

    Greetings,
    Slav
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vasanth
    Vasanth avatar
    5 posts
    Member since:
    Feb 2012

    Posted 30 Apr 2013 Link to this post

    Thanks for the reply Slav,

           
    This scenario was produced in the Sharepoint 2010 Application Page with RadSlider and RadHTML chart.


    We tried enabling the settings as EnableServerSideRendering to true you mentioned, this displayed the RadSlider control without any delay but the RadHTML chart load delays just like when the settings was EnableServerSideRendering as false. We used a Single slider with RadHTML chart and RadSlider, this worked fine without any load issue. I think RadSlider control has background script running even when we enable Server-Side rendering to true, this causes the RadHTML delay in loading. This issue occurs only in the IE browser(IE9).


    I have attached the SharePoint 2010 Application files. Please download the files from the below link.

    https://www.dropbox.com/s/j6jxcvtms7wg3bt/RadSlider_SharePoint.zip


  5. Niko
    Admin
    Niko avatar
    387 posts

    Posted 01 May 2013 Link to this post

    Hi Vasanth,

    Please, check the attached page with a setup similar to what you have as a setup, except the data-binding of the chart. The page creates 100 sliders and the delay is around 2-4 seconds. Please, check the following screencast to make sure the results are correct - http://screencast.com/t/46G5zwIX8.

    Could you, please, incorporate the necessary changes so that the delay resembles the one that you are experiencing? Please, make sure that the page is still runnable without external dependencies - DB, Services, etc, to which I have no access.

    Greetings,
    Niko
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. Vasanth
    Vasanth avatar
    5 posts
    Member since:
    Feb 2012

    Posted 02 May 2013 Link to this post

    Thanks for the Reply Niko,

                                          I used your Sample Application code .It is working fine in the normal Web Application Page.

           But When using the same code in the SharePoint 2010 - Application page(aspx),The control(RadHTML Chart) load delays approximately 8-10 Seconds.

     Only in the IE Browser this Issue exists.(IE9)

    In my previous post I attached the code sample with SharePoint Application.


    Please let us know how to resolve this issue .
       

          

  7. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 08 May 2013 Link to this post

    Hello Vasanth,

    I had problems with running your sample, so I created a new web part that has the same content. Indeed, there is a slowdown when the page with this web part is opened in IE 8, nevertheless such a behavior is expected because SharePoint 2010 is resource consuming and the IE 8 engine is known to have performance issues. You can check the difference in the loading time between a SharePoint page and a regular one in this screen capture. Note that the examined behavior is recorded on a virtual machine which also affects the overall performance.

    Kind regards,
    Slav
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017