Hi
I am doing one project in telrik.it's fine, But am face problem in flickering in master page loading.so i want reduce flickering and post back.I want loading only content page.i want when i click the tab loading only content page not total page please how to remove flickering .please help me.
i am using this code in header
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.2)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.2)" />
this is my master page .please give me any solutions
thanks regards
shanker.B
<%@ 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.2)" /> |
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.2)" /> |
<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" /> |
<telerik:AjaxUpdatedControl ControlID="horMenu" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
<telerik:AjaxSetting AjaxControlID="leftMenu"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="leftMenu" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
<telerik:AjaxSetting AjaxControlID="btn_logout"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="btn_logout" /> |
</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" ResizeWithParentPane="false"> |
<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> |
<telerik:RadPanelBar ID="leftMenu" runat="server" Width="180px"> |
</telerik:RadPanelBar> |
<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> |
<telerik:RadTabStrip ID="horMenu" runat="server" SelectedIndex="0" DataFieldID="module_id"> |
<DataBindings> |
<telerik:RadTabBinding TextField="module" ValueField="module_id" /> |
</DataBindings> |
</telerik:RadTabStrip> |
</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. |
<a target="_self" title="Home" href="http://www.samaitgroup.com/">Home</a> |
<a target="_self" title="Products" href="http://www.samaitgroup.com/products.html">Products</a> |
<a target="_self" title="Aboutus" href="http://www.samaitgroup.com/aboutus.html">Aboutus</a> |
<a target="_self" title="Support" href="http://www.samaitgroup.com/support.html">Support</a> |
<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> |