Very Bad perfs in VS Designer

6 posts, 0 answers
  1. Filleau
    Filleau avatar
    114 posts
    Member since:
    Jun 2006

    Posted 08 Apr 2011 Link to this post

    Hi,

    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">
      
    <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
  2. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 13 Apr 2011 Link to this post

    Hi Filleau,

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Filleau
    Filleau avatar
    114 posts
    Member since:
    Jun 2006

    Posted 26 Apr 2011 Link to this post

    Hi

    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.
  5. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 27 Apr 2011 Link to this post

    Hello Filleau,

    I was able to reproduce the problem and logged it to our bug tracking system. This is because the large number of tabs.
    We will research the case in more detail and try to make any improvements if possible.

    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.

  6. Ronald
    Ronald avatar
    4 posts
    Member since:
    Feb 2013

    Posted 12 Feb 2013 Link to this post

    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>



  7. Ian
    Ian avatar
    5 posts
    Member since:
    Jan 2007

    Posted 18 Feb 2013 Link to this post

    Hey, Ron.

    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 :)
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017