I don't understand why the designer became so slow after adding a control.
I'm working with VS 2010 and Windows Seven 64 bit on a Icore 7-960 and 12Go RAM. (and i Have thes latest release of telerik RadAjax ASP)
Eg. I put 2 RadTab controls like bellow and my designer is very very slow (If I add a Radgrid it become more slow)
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!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"> <title></title> <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" /> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> <Scripts> <%--Needed for JavaScript IntelliSense in VS2010--%> <%--For VS2008 replace RadScriptManager with ScriptManager--%> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> </Scripts> </telerik:RadScriptManager> <script type="text/javascript"> //Put your JavaScript code here. </script> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> </telerik:RadAjaxManager> <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="WebBlue"> </telerik:RadSkinManager> <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="Justify" SelectedIndex="12" Width="655px"> <Tabs> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="BERIM"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="AGI2D"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="LOGHABAT"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="ORGECO"> </telerik:RadTab> <telerik:RadTab runat="server" IsBreak="True" Owner="RadTabStrip1" Text="SOREC"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Bastia"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Douai"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Martigues"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Montpellier"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Nantes"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Pantin"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Toulouse"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Venissieux" Selected="True"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Align="Justify" SelectedIndex="23" Width="655px"> <Tabs> <telerik:RadTab runat="server" Text="*" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="A" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="B" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="C" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="D" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="E" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="F" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Selected="True" Text="G" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="H" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="I" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="J" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="K" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="L" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="M" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" IsBreak="True" Text="N" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="O" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="P" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Q" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="R" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="S" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="T" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="U" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="V" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="W" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="X" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Y" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Z" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Num. Spéciaux" Owner="RadTabStrip2"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> </form> </body> </html> I made the test on 2 PC. This is alway so slow.
Can you made the test and explain to me wath is wrong, and give a solution ?
Thanks
5 Answers, 1 is accepted
This is due to the large number of tabs.
I noticed that you are using the "Owner" property. Could you please try to remove it and check if there is a difference?
Regards,
Helen
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.
Rank 1
I'm not using the "Owner" property... Adding a Radtab control force this.
But I try to remove them as tou ask. I don't see any change.
I was able to reproduce the problem and logged it to our bug tracking system. This is because the large number of tabs.
The only thing I may suggest you for the present is to load tabs dynamically in the code behind.
Greetings,
Helen
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.
Rank 1
I have the same problem. i don't use any tab in my design..
can i have the solution to
this problem? cause i can't use the DESIGN tab to design my web if this problem
continue. all I can do is view the code in markup so that i can see the code
I've already download the latest telerik but the problem still exist
thanks before.
Ronald
MyCode :
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterDetail.Master.cs"
Inherits="Temiang.Avicenna.MasterPage.MasterDetail" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="~/CustomControl/HeaderCtl.ascx" TagName="Header" TagPrefix="uc1" %>
<%@ Register Src="~/CustomControl/LoginInfoCtl.ascx" TagName="LoginInfo" TagPrefix="uc1" %>
<%@ Register Src="~/CustomControl/FooterCtl.ascx" TagName="Footer" TagPrefix="uc1" %>
<!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">
</head>
<body>
<form id="form1" runat="server">
<input id="hdnLastProcess" name="hdnLastProcess" type="hidden" value="" />
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
<!--
function fw_mnuMain_OnClientItemClicking(sender, args) {
var toolBar = $find("<%= fw_tbarData.ClientID %>");
var firstValue = toolBar.get_items().getItem(0).get_value();
if (firstValue == 'save') {
if (!confirm("Entry data not finish!\n\nClick Cancel to continue entry data.")) {
args.set_cancel(true);
}
}
}
function ajxPanel_OnResponseEnd(sender, args) {
var lastProc = document.getElementById("hdnLastProcess").value;
if (lastProc.substring(0, 4) == 'rpt_') {
document.getElementById("hdnLastProcess").value = '';
var oWnd = radopen("<%=Temiang.Avicenna.Common.Helper.UrlRoot()%>/Module/Reports/ReportViewer.aspx", "fw_WinPrint");
}
}
function fw_tbarData_OnClientButtonClicking(sender, args) {
var val = args.get_item().get_value();
document.getElementById("hdnLastProcess").value = val;
switch (val) {
case "search":
openWindowSearch();
args.set_cancel(true); // Cegah postback
break;
case "list":
window.location.href = '<%= BasePageDetailCurrent.UrlPageList %>';
args.set_cancel(true);
break;
case "delete":
if (!window.confirm('Would you delete this data ?')) {
args.set_cancel(true);
}
break;
case "cancel":
if (!window.confirm('Would you cancel modified data ?')) {
args.set_cancel(true);
}
break;
case "approval":
if (!window.confirm('Would you approval this transaction?')) {
args.set_cancel(true);
}
break;
case "unapproval":
if (!window.confirm('Would you cancel approval this transaction?')) {
args.set_cancel(true);
}
break;
case "void":
if (!window.confirm('Would you void this transaction?')) {
args.set_cancel(true);
}
break;
case "unvoid":
if (!window.confirm('Would you unvoid this transaction?')) {
args.set_cancel(true);
}
break;
case "save":
break;
case "print":
break;
case "new":
<%=BasePageDetailCurrent.OnGetScriptToolBarNewClicking() %>
break;
}
}
function openWindowSearch() {
var oWnd = $find("<%= fw_WinSearch.ClientID %>");
oWnd.setUrl("<%=BasePageDetailCurrent.UrlPageSearch%>");
oWnd.show();
}
function onWindowSearchClientClose(oWnd) {
//Jika apply di click
var arg = oWnd.argument;
if (arg) {
window.location.href = '<%= BasePageDetailCurrent.UrlPageList %>';
}
}
-->
</script>
</telerik:RadCodeBlock>
<telerik:RadScriptManager ID="fw_RadScriptManager" runat="server" OnAsyncPostBackError="fw_RadScriptManager_AsyncPostBackError">
<Scripts>
<asp:ScriptReference Path="~/JavaScript/Common/Core.js" />
<%-- RadMenu --%>
<asp:ScriptReference Path="~/JavaScript/Common/jQuery.js" />
<asp:ScriptReference Path="~/JavaScript/Common/jQueryPlugins.js" />
<asp:ScriptReference Path="~/JavaScript/Common/Navigation/NavigationScripts.js" />
<asp:ScriptReference Path="~/JavaScript/Menu/RadMenuScripts.js" />
<%-- RadAjaxManager, RadAjaxLoadingPanel, RadAjaxPanel --%>
<asp:ScriptReference Path="~/JavaScript/Ajax/Ajax.js" />
<%-- RadToolBar --%>
<asp:ScriptReference Path="~/JavaScript/ToolBar/RadToolBarScripts.js" />
</Scripts>
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="fw_RadAjaxManager" runat="server" EnableEmbeddedScripts="false" />
<telerik:RadSkinManager ID="fw_RadSkinManager" runat="server" />
<telerik:RadFormDecorator ID="fw_RadFormDecorator" runat="server" DecoratedControls="All" />
<div>
<uc1:Header ID="hdr1" runat="server" />
</div>
<div class="menuarea">
<telerik:RadMenu ID="fw_mnuMain" runat="server" Width="100%" EnableEmbeddedScripts="false"
OnClientItemClicking="fw_mnuMain_OnClientItemClicking">
<CollapseAnimation Duration="200" Type="OutQuint" />
</telerik:RadMenu>
<div style="float: left">
<table cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2" width="1px">
</td>
<td rowspan="2">
<asp:Image ID="imgLogo" runat="server" ImageUrl="~/Images/LogoRS.jpg" />
</td>
<td rowspan="2" width="5px">
</td>
<td>
<asp:Label ID="fw_lblProgramName" runat="server" Text="" Font-Bold="true" Font-Size="Large"></asp:Label>
<br />
<asp:Label ID="fw_lblProgramPath" runat="server" Text="" Font-Size="XX-Small"></asp:Label>
</td>
</tr>
</table>
</div>
<div style="float: right; margin-top: 15px; margin-right: 1px">
<uc1:LoginInfo ID="ctlLoginInfo" runat="server" />
</div>
</div>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Style="z-index: 7001"
Modal="true" VisibleStatusbar="false" DestroyOnClose="true" ReloadOnShow="True"
InitialBehaviors="Maximize" ShowContentDuringLoad="false" Width="600px" Height="400px"
Behavior="Maximize,Move,Close">
<Windows>
<telerik:RadWindow ID="fw_WinPrint" Width="1000px" Height="600px" runat="server"
InitialBehaviors="Maximize" Behavior="Maximize,Move,Close">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
<telerik:RadWindow runat="server" Animation="None" Width="600px" Height="140px" Behavior="Close, Move"
ShowContentDuringLoad="False" VisibleStatusbar="False" Modal="true" Title="Search"
OnClientClose="onWindowSearchClientClose" ID="fw_WinSearch">
</telerik:RadWindow>
<telerik:RadAjaxPanel ID="fw_ajxPanel" runat="server" Width="100%" LoadingPanelID="fw_ajxLoadingPanel"
EnableEmbeddedScripts="false" HorizontalAlign="NotSet" ClientEvents-OnResponseEnd="ajxPanel_OnResponseEnd">
<div id="toolbar" class="toolbar">
<telerik:RadToolBar ID="fw_tbarData" runat="server" Width="100%" EnableEmbeddedScripts="false"
OnClientButtonClicking="fw_tbarData_OnClientButtonClicking">
<CollapseAnimation Duration="200" Type="OutQuint" />
<Items>
<telerik:RadToolBarButton runat="server" Text="New" Value="new" ImageUrl="~/Images/Toolbar/new16.png"
HoveredImageUrl="~/Images/Toolbar/new16_h.png" DisabledImageUrl="~/Images/Toolbar/new16_d.png" />
<telerik:RadToolBarButton runat="server" Text="Edit" Value="edit" ImageUrl="~/Images/Toolbar/edit16.png"
HoveredImageUrl="~/Images/Toolbar/edit16_h.png" DisabledImageUrl="~/Images/Toolbar/edit16_d.png" />
<telerik:RadToolBarButton IsSeparator="True" runat="server" />
<telerik:RadToolBarButton runat="server" Text="Delete" Value="delete" ImageUrl="~/Images/Toolbar/delete16.png"
HoveredImageUrl="~/Images/Toolbar/delete16_h.png" DisabledImageUrl="~/Images/Toolbar/delete16_d.png" />
<telerik:RadToolBarButton runat="server" Text="Save" Value="save" ValidationGroup="entry"
ImageUrl="~/Images/Toolbar/save16.png" HoveredImageUrl="~/Images/Toolbar/save16_h.png"
DisabledImageUrl="~/Images/Toolbar/save16_d.png" />
<telerik:RadToolBarButton runat="server" Text="Cancel" Value="cancel" ImageUrl="~/Images/Toolbar/undo16.png"
DisabledImageUrl="~/Images/Toolbar/undo16_d.png" />
<telerik:RadToolBarButton IsSeparator="True" runat="server" />
<telerik:RadToolBarButton runat="server" Text="" Value="prev" ImageUrl="~/Images/Toolbar/arrowleft_blue16.png" />
<telerik:RadToolBarButton runat="server" Text="" Value="next" ImageUrl="~/Images/Toolbar/arrowright_blue16.png" />
<telerik:RadToolBarButton IsSeparator="True" runat="server" />
<telerik:RadToolBarButton runat="server" Text="Search" Value="search" ImageUrl="~/Images/Toolbar/search16.png"
HoveredImageUrl="~/Images/Toolbar/search16_h.png" DisabledImageUrl="~/Images/Toolbar/search16_d.png" />
<telerik:RadToolBarButton runat="server" Text="List" Value="list" ImageUrl="~/Images/Toolbar/details16.png"
HoveredImageUrl="~/Images/Toolbar/details16_h.png" DisabledImageUrl="~/Images/Toolbar/details16_d.png" />
<telerik:RadToolBarButton runat="server" Text="Audit Log" Value="auditlog" ImageUrl="~/Images/Toolbar/transactions16.png"
HoveredImageUrl="~/Images/Toolbar/transactions16_h.png" DisabledImageUrl="~/Images/Toolbar/transactions16_d.png" />
<telerik:RadToolBarButton IsSeparator="True" runat="server" />
<telerik:RadToolBarButton runat="server" Text="Approval" Value="approval" Enabled="false" />
<telerik:RadToolBarButton runat="server" Text="UnApproval" Value="unapproval" Visible="false" />
<telerik:RadToolBarButton IsSeparator="True" runat="server" />
<telerik:RadToolBarButton runat="server" Text="Void" Value="void" Enabled="false" />
<telerik:RadToolBarButton runat="server" Text="UnVoid" Value="unvoid" Visible="false" />
<telerik:RadToolBarButton IsSeparator="True" runat="server" />
<telerik:RadToolBarDropDown runat="server" Text="Print" ImageUrl="../Images/Toolbar/print16.png"
HoveredImageUrl="~/Images/Toolbar/print16_h.png" DisabledImageUrl="~/Images/Toolbar/print16_d.png" />
<telerik:RadToolBarButton IsSeparator="True" runat="server" />
<telerik:RadToolBarButton runat="server" Text="Home" Value="home" Visible="false"
ImageUrl="../Images/Toolbar/home_purple16_h.png" />
</Items>
</telerik:RadToolBar>
</div>
<asp:Panel ID="fw_PanelInfo" runat="server" Visible="false" BackColor="#FFFFC0" Font-Size="Small"
BorderColor="#FFC080" BorderStyle="Solid">
<table width="100%">
<tr>
<td width="10px" valign="top">
<asp:Image ID="Image1" ImageUrl="~/Images/boundleft.gif" runat="server" />
</td>
<td>
<asp:Label ID="fw_LabelInfo" runat="server" Text=""></asp:Label>
</td>
</tr>
</table>
</asp:Panel>
<asp:Label ID="fw_LabelWaterMark" runat="server" Style="filter: alpha(opacity=20);
background-color: Transparent; width: 100%; height: 100px; position: absolute;
color: white;" Visible="false" />
<asp:Panel ID="fw_PanelStatus" runat="server" Visible="false" Width="99%">
<div style="filter: alpha(opacity=20); background-color: Transparent; width: 99%;
height: 100px; position: absolute; color: white;">
<center>
<asp:Label ID="fw_LabelStatus" runat="server" Text="Approved" Font-Size="50" ForeColor="blue"></asp:Label>
</center>
</div>
</asp:Panel>
<asp:ValidationSummary ID="fw_ValidationSummary" runat="server" ValidationGroup="entry" />
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</telerik:RadAjaxPanel>
<uc1:Footer ID="footer" runat="server"></uc1:Footer>
</form>
</body>
</html>
Rank 1
That's very strange: I took your code as is and pasted it in VS. The initial switch between design and code view took about 5 secs, but consequential switches take about a mere second. (I've worked on projects with bigger masters and still no perf issues)
Note that I am using a pre Sandy bridge Intel CPU with mediocre components e.g. not a top notch PC.
It's worth noting that various addons you have installed can have effect on performance. I have just a bunch of addons installed and everything works and performs like a charm on my end :)