Performance is down when using Rad Panel Bar as Menu

4 posts, 0 answers
  1. sathish venkat
    sathish venkat avatar
    27 posts
    Member since:
    Feb 2010

    Posted 21 Jan 2011 Link to this post

    Hi,

        i am using rad splitter in my application.i have master page and in side that i put splitter control
    splitter has two region, menu region and content region. in menu region i am using rad panel bar control for vertical
    menu. i am populating the menu items dynamically.after these functionalities done screen is getting too much time to
    load.please tell me the solution to improve the performance.

    i have attached my sample menu screen shot please refer that 
  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 24 Jan 2011 Link to this post

    Hello Sathish,

    We cannot help you without providing us a sample project or a live url which we can test.  You can also check our optimization article here.

    Greetings,
    Yana
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. sathish venkat
    sathish venkat avatar
    27 posts
    Member since:
    Feb 2010

    Posted 25 Jan 2011 Link to this post

    Hi Yana ,

         i have attached sample application with Rad panel Bar and Splitter
    here the issue is when loading the page ,Page width is shrinking .the attached project has no data so it is loading fast
    but when the data is more its taking more time to load.please verify My code.

    MasterPage:

     

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> 
        
    <%@ Register src="WebUserControl.ascx" tagname="WebUserControl" tagprefix="uc1" %> 
        
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
    <head runat="server"
        <title></title
           
    </head
    <body
        <form id="form1" runat="server"
        <telerik:RadScriptManager ID="RSM" runat="server"></telerik:RadScriptManager
         <div align="center"
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="height: 100%"
                <tr
                    <td
                             
                    </td
                </tr
                <tr valign="top"
                    <td style="height:100%"
                        <telerik:radsplitter ID="RadSplitter1" runat="server" Skin="Forest" Width="100%" 
                            OnClientLoad="SplitterLoaded"> <%--"515px"--%> 
                            <telerik:radpane ID="LeftPane" runat="server" Width="22px" Scrolling="none"
                                <telerik:radslidingzone ID="RadSlidingZone1" runat="server" Width="22px"
                                    
                                    <telerik:radslidingpane ID="RadSlidingPane1" Title="Menu" SkinID="RadSlidingPane"
                                        runat="server" Width="245px"
                                        <uc1:WebUserControl ID="WebUserControl1" runat="server" />                                     
                                    </telerik:radslidingpane
                                </telerik:radslidingzone
                            </telerik:radpane
                            <telerik:radpane ID="MiddlePane" runat="server"
                                <asp:ContentPlaceHolder ID="cpChildPage" runat="server"
                                </asp:ContentPlaceHolder
                            </telerik:radpane
                        </telerik:radsplitter
                    </td
                </tr
                <tr
                    <td class="footer" valign="top" align="center"
                        Copyright © 2010-2011  
                            
                    </td
                </tr
            </table
        
            <script type="text/javascript"
        
                //Rad Splitter dynamic height 
                function SplitterLoaded(splitter, arg) { 
                   // debugger; 
                    var pane = splitter.getPaneById('<%= MiddlePane.ClientID %>'); 
                    var height = pane.getContentElement().scrollHeight; 
                    if (height < 400) 
                        height = 400; 
                    splitter.set_height(height+100); 
                    pane.set_height(height+25); 
                }    
    </script>
      
        </div>
        </form>
    </body>
    </html>
     

     

      
    Default.ASPX
    <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
      
      
    <asp:Content ID="Content1" ContentPlaceHolderID="cpChildPage" Runat="Server">
    <telerik:RadScheduler ID="radScheduler1" runat="server" Skin="Forest" DataKeyField="ID" DataSubjectField="Sub" DataStartField="Start"
    DataEndField="End" ></telerik:RadScheduler>
    </asp:Content>
    Default.aspx.cs
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Data;
      
    public partial class Default2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("ID");
            dt.Columns.Add("Sub");
            dt.Columns.Add("Start");
            dt.Columns.Add("End");
            dt.AcceptChanges();
            radScheduler1.DataSource = dt;
            radScheduler1.DataBind();
        }
    }


    UserControl  
    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs"
        Inherits="WebUserControl" %>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
    </telerik:RadStyleSheetManager>
    <telerik:RadFormDecorator ID="rfdDecorator" runat="server" DecoratedControls="All"
        SkinID="RadFormDecorator" />
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td valign="top" align="left">
                <telerik:RadPanelBar runat="server" ID="RPBMenu" Skin="Forest" ExpandAnimation-Type="None" EnableEmbeddedSkins="False"
                    CollapseAnimation-Type="None" Width="220">
                    <%--OnItemClick="RPBMenu_ItemClick"--%>
                    <CollapseAnimation Type="None"></CollapseAnimation>
                    <ExpandAnimation Type="None"></ExpandAnimation>
                    <Items>
                        <telerik:RadPanelItem Text="Admin">
                            <Items>
                                <telerik:RadPanelItem Text="Home" />
                            </Items>
                            <Items>
                                <telerik:RadPanelItem Text="Add Employee" />
                            </Items>
                            <Items>
                                <telerik:RadPanelItem Text="Account" />
                            </Items>
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem Text="Employee">
                            <Items>
                                <telerik:RadPanelItem Text="Home" />
                            </Items>
                            <Items>
                                <telerik:RadPanelItem Text="Add Employee" />
                            </Items>
                            <Items>
                                <telerik:RadPanelItem Text="Account" />
                            </Items>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelBar>
            </td>
        </tr>
    </table>
               
     
      
                  
      
                  
      
                  
            

     

     

  5. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 31 Jan 2011 Link to this post

    Hi Sathish,

    We've inspected your code but we weren't able to to find any reasons for the performance issues you're experiencing. Have you tried the tips from the help article I suggested in my previous post?

    Regards,
    Yana
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top