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

how to reduce flickering and increase perfamance

1 Answer 83 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
shanker bangari
Top achievements
Rank 1
shanker bangari asked on 25 May 2010, 12:32 PM
Hi,

I have an asp.net application written in C# and need some help to fine tune it for better performance. All pages with in this web application have horizontal tab, left vertical menu panel , footer and header. Left menu panel changes as per top tab selection.

In my current code - tab, left menu panel, header and footer are loaded for every page. Is it possible to load these things once per tab selection and then change content area ONLY when user navigates to different pages from menu panel?

 i send my master page file please check any changes please give me any suggestions.
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Default.master.cs" Inherits="TelerikComponentsWS.Default" %> 
 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
<head runat="server"
  <meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" /> 
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" />  
 
    <title></title
    <link rel="Stylesheet" href="css/styles.css" type="text/css" /> 
   
</head> 
<body> 
    <form id="form1" runat="server"
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" > 
    </telerik:RadStyleSheetManager> 
    <telerik:RadScriptManager ID="scm" runat="server" ScriptMode="Release" > 
    
    </telerik:RadScriptManager> 
    <div style="height: 100%;" id="splitterContainer"
        <telerik:RadAjaxManager ID="radAjMan" runat="server" UpdatePanelsRenderMode="Inline" 
          DefaultLoadingPanelID="logPan"  > 
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="horMenu"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="leftMenu"  /> 
                         
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
                <telerik:AjaxSetting AjaxControlID="btn_logout"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="btn_logout"  /> 
                        
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
                <telerik:AjaxSetting AjaxControlID="leftMenu"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="centerContent"  /> 
                        
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
               
            </AjaxSettings> 
             
        </telerik:RadAjaxManager> 
         
        <telerik:radformdecorator id="RadFormDecorator2" DecoratedControls="all" runat="server" decorationzoneid="ZoneID2" 
            skin="Windows7" ControlsToSkip="Select"
        </telerik:radformdecorator> 
         <telerik:radformdecorator id="RadFormDecorator1" DecoratedControls="all" runat="server" decorationzoneid="ZoneID3" 
            skin="Windows7" ControlsToSkip="Select"
        </telerik:radformdecorator> 
       <%-- <telerik:RadWindowManager ID="radWin" runat="server"
            <Windows> 
                <telerik:RadWindow ID="defFacWnd" OffsetElementID='<%#lnk_def_facility.ClientID%>' 
                    OpenerElementID='<%#lnk_def_facility.ClientID%>' NavigateUrl="~/User/DefFacility.aspx" 
                    OnClientClose="onDefFacClose" runat="server"
                </telerik:RadWindow> 
            </Windows> 
        </telerik:RadWindowManager>--%> 
        <telerik:RadFormDecorator ID="rad_decorator" runat="server" DecoratedControls="all" ControlsToSkip="Select"
        </telerik:RadFormDecorator> 
        <telerik:RadSplitter ID="contentSplitter" runat="server" Height="100%" Width="100%" 
          VisibleDuringInit="false" OnClientLoaded="initSplitter"  ResizeWithBrowserWindow="true" LiveResize="false" 
                PanesBorderSize="0" ResizeMode="EndPane"
            <telerik:RadPane ID="navigationPane" runat="server" Width="190" > 
                <div style="margin: 5px;"
                 <br/> 
                    <asp:Image ID="Image2" runat="server" ImageUrl="~/img/company_logo.jpg" /> 
                     
                    
                    <br /> 
                  <%--  <asp:LinkButton ID="lnk_def_facility" runat="server"></asp:LinkButton>--%> 
                </div> 
                <asp:Panel ID="Panel1" runat="server"
                <telerik:RadPanelBar ID="leftMenu" runat="server" Width="180px"
                </telerik:RadPanelBar> 
                </asp:Panel> 
                 <br/> 
                 <br/> 
                  <br/> 
                  
                <div > 
                <asp:Button runat="server" ID="btn_logout" Text="Logout"  CausesValidation="false" />   
                </div> 
            </telerik:RadPane> 
            <telerik:RadSplitBar ID="splitter" runat="server" CollapseMode="Forward"  /> 
            <telerik:RadPane ID="contentPane" runat="server" MinWidth="400"
                <div style="margin: 5px;"
                  <div id="ZoneID4" style="right: auto"
                <fieldset width="100%" style="border-style: none; padding-right: inherit;"  align="right"
                    <asp:Image ID="Image1" runat="server"  
                        ImageUrl="~/img/studentdatasuite_header.jpg" />  
                    </fieldset> 
                    </div> 
                     <asp:Panel ID="Panel2" runat="server"
                    <telerik:RadTabStrip ID="horMenu" runat="server" SelectedIndex="0" DataFieldID="module_id"
                        <DataBindings> 
                            <telerik:RadTabBinding TextField="module" ValueField="module_id" /> 
                        </DataBindings> 
                    </telerik:RadTabStrip> 
                    </asp:Panel> 
                    
                </div> 
                <div style="margin: 5px;"
                    <h2> 
                        <asp:Literal runat="server" ID="ltTitle"></asp:Literal></h2
                    <asp:ContentPlaceHolder ID="centerContent" runat="server"
                     
                    </asp:ContentPlaceHolder> 
                </div> 
                <div id="ZoneID3" style="right: auto"
                <fieldset width="100%" style="border-style: none; padding-right: inherit;"  align="center"
                    <p> Â© 2009 Sama IT Group. All rights reserved. 
                            <target="_self" title="Home" href="http://www.samaitgroup.com/">Home</a>  
                            <target="_self" title="Products" href="http://www.samaitgroup.com/products.html">Products</a>  
                            <target="_self" title="Aboutus" href="http://www.samaitgroup.com/aboutus.html">Aboutus</a> 
                            <target="_self" title="Support" href="http://www.samaitgroup.com/support.html">Support</a> 
                            <target="_self" title="Contacts" href="http://www.samaitgroup.com/contactus.html">Contacts</a> 
                       </p> 
                    </fieldset> 
                    </div> 
                  
            </telerik:RadPane> 
        </telerik:RadSplitter> 
       
        <telerik:RadAjaxLoadingPanel ID="logPan" runat="server" IsSticky="true" Transparency="30" 
            Style="position: absolute; top: 0; left: 0; line-height: 60px; text-align: center; 
            z-index: 99;" Width="100%" Height="100%" BackColor="#B9CDF7"
            <%--<asp:Image ID="img" runat="server" Width="130px" Height="60px" ImageUrl="~/img/loading.gif" 
                Style="border: 0; margin-top: 70px;"></asp:Image>--%> 
        </telerik:RadAjaxLoadingPanel> 
      
                     
                     
                 
    </div> 
<telerik:RadScriptBlock runat="server" ID="RadScriptBlock1"
    <script type="text/javascript"
//        function onDefFacClose(oWnd) {            //get the transferred arguments 
//            var arg = oWnd.argument; 
//            if (arg) { 
//                var facName = arg.facName; 
//                $get(oWnd.get_openerElementID()).innerHTML = facName
//            } 
//        } 
        function initSplitter(sender, args)   
        {          
            sender.get_element().style.visibility = 'inherit';   
        }   
  
    </script> 
    
</telerik:RadScriptBlock> 
    </form> 
</body> 
</html> 
 

thanks and regards
shanker.B

1 Answer, 1 is accepted

Sort by
0
James
Top achievements
Rank 1
answered on 01 Jun 2010, 10:37 PM
Sure,

Nest the content in an iframe. This has a lot of rammifications and may not get you where you want to be.
Tags
General Discussions
Asked by
shanker bangari
Top achievements
Rank 1
Answers by
James
Top achievements
Rank 1
Share this question
or