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

RadMenu doesn't response to click when using MS VS 2015

6 Answers 54 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Xiaobo
Top achievements
Rank 1
Xiaobo asked on 13 Jul 2017, 06:47 PM
RadMenu doesn't response to click to display submenus after using Visual studio 2015. It works fine when we using Visual studio 2012 to debug

6 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 18 Jul 2017, 01:50 PM

Hello Xiaobo,

We are not aware of this problem, but to another one which applies to RadAsyncUpload drag and drop functionality when using Visual Studio as administrator: Drag and Drop functionality of RadAsyncUpload not working in IE browser when using Visual Studio as Administrator.

Can you please check whether the problem is reproducible when:

  • Visual Studio is started normally (but not as administrator)
  • The app is accessed directly from IIS or from the production server, but not from IIS Express (Cassini)?
Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Xiaobo
Top achievements
Rank 1
answered on 18 Jul 2017, 05:29 PM

Rumen,

1.I tried both start Visual studio with normal and administrator, I get same results

2. I am using my development PC and debug mode in Visual Studio 2015. We do not have a staging server to try this, so I cannot tell if the problem could happen when directly run from IIS.

I inspected the element html output, the HTML from Visual Studio 2015 missing few css class tags compare with Visual Studio 2012.

**************************************************************************
//Html output from Visual studio 2015
<div tabindex="0" id="ctl00_socTitle_rmTitleAdmin" class="RadMenu RadMenu_Default">
<ul class="rmRootGroup rmHorizontal">
 
<li class="rmItem rmFirst rmLast">
<a class="rmLink rmRootLink" href="#">
<span class="rmText">Administration</span>
</a><div class="rmSlide">
     
<ul class="rmVertical rmGroup rmLevel1">
      
<li class="rmItem rmFirst">
<a class="rmLink" href="Administrators/SocialInvite.aspx">
<span class="rmText">Invite Members</span>
</a></li>
<li class="rmItem ">
<a class="rmLink" href="Administrators/ManageMembers.aspx">
<span class="rmText">Manage Members</span></a></li>
<li class="rmItem ">
<a class="rmLink" href="Administrators/ManageGroups.aspx">
<span class="rmText">Manage Groups</span></a></li>
<li class="rmItem ">
<a class="rmLink" href="Administrators/ManageMemberGroups.aspx">
<span class="rmText">Manage Member Groups</span>
</a></li><li class="rmItem ">
<a class="rmLink" href="SurveyAdmin/ManageSurveys.aspx">
<span class="rmText">Manage Kelley Surveys</span></a></li>
<li class="rmItem rmLast"><a class="rmLink" href="Reports/Reports.aspx">
<span class="rmText">Reports</span></a></li>
     
</ul>
    
</div>
</li>
***************************************************************************************

********************************************************************************************
//Html output from Visual studio 2012
<div tabindex="0" id="ctl00_socTitle_rmTitleAdmin" class="RadMenu RadMenu_Default" style="z-index: 8000;">
<ul class="rmRootGroup rmHorizontal">
    
<li class="rmItem rmFirst rmLast" style="z-index: 1;">
<a class="rmLink rmRootLink rmExpanded" href="#">
<span class="rmText rmExpandDown">Administration</span>
</a><div class="rmSlide" style="visibility: visible; height: 108px; width: 205px; display: block; overflow: visible; left: 0px; top: 25px; z-index: 2;">
     
<ul class="rmVertical rmGroup rmLevel1" style="display: block; top: 0px; left: 0px; visibility: visible; transition: none 0s ease 0s ;">
<li class="rmItem rmFirst"><a class="rmLink" href="Administrators/SocialInvite.aspx" style="width: 201px;">
<span class="rmText">Invite Members</span></a></li>
<li class="rmItem "><a class="rmLink" href="Administrators/ManageMembers.aspx" style="width: 201px;">
<span class="rmText">Manage Members</span></a></li><li class="rmItem ">
<a class="rmLink" href="Administrators/ManageGroups.aspx" style="width: 201px;">
<span class="rmText">Manage Groups</span></a></li><li class="rmItem ">
<a class="rmLink" href="Administrators/ManageMemberGroups.aspx" style="width: 201px;">
<span class="rmText">Manage Member Groups</span></a></li><li class="rmItem ">
<a class="rmLink" href="SurveyAdmin/ManageSurveys.aspx" style="width: 201px;">
<span class="rmText">Manage Kelley Surveys</span></a></li><li class="rmItem rmLast">
<a class="rmLink" href="Reports/Reports.aspx" style="width: 201px;"><span class="rmText">Reports</span></a>
</li>
     
</ul>
    
</div></li>
   
</ul><input id="ctl00_socTitle_rmTitleAdmin_ClientState" name="ctl00_socTitle_rmTitleAdmin_ClientState" autocomplete="off" type="hidden">
  
</div>
***************************************************************************************************************************

0
Xiaobo
Top achievements
Rank 1
answered on 18 Jul 2017, 05:34 PM

The menu is included in a master page. The master page  markup are:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="Tepper.Social.UI.MasterPage" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="~/Controls/SocialTitle.ascx" TagName="SocTitle" TagPrefix="Title" %>
<%@ Register Src="~/Controls/Navigation.ascx" TagName="NavBar" TagPrefix="Nav" %>
<%@ Register Src="~/Controls/SiteMapPath.ascx" TagName="SiteMap" TagPrefix="Smp" %>
<%@ Register Src="~/Controls/TestMenu.ascx" TagName="TestMenu" TagPrefix="TM" %>
<!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" xmlns:v="urn:schemas-microsoft.com:vml">
<head id="Head1" runat="server">
    <title>Tepper Social Learning</title>
    <link href="CSS/TepperSocial.css" type="text/css" rel="stylesheet" />
</head>
<body alink="black" vlink="black" link="black">
   
    <script language="javascript" type="text/javascript">
        function ShowMessage(message, parentWindow) {
            var targetUrl = "./Dialogs/AlertMessage.aspx?MSG=" + message;
            var noLoop = 0;
            var current = window;
            while (current.location.pathname != parentWindow && noLoop++ < 5) {
                    current = current.parent.window;
            }
            if (current.location.pathname == parentWindow)
                alert(message);
        }               
    </script>   
    <form id="form2" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" EnableScriptCombine="false" runat="server" EnablePartialRendering="true" ScriptMode="Release">
            <Scripts></Scripts>
        </telerik:RadScriptManager>
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
            <StyleSheets>
                <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />
                <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />
                <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />
                <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />
            </StyleSheets>
        </telerik:RadStyleSheetManager>
        <div>
             <TM:TestMenu ID="TestMenu2" runat="server" />
        </div>
        <table width="1250px" cellpadding="0" cellspacing="0">
            <tr style="vertical-align:middle; height: 50px;" align="center">
                <td  colspan="2">
                    <div>
                        <Title:SocTitle ID="socTitle" runat="server" />
                       
                    </div>
                </td>
                <td >
                    <TM:TestMenu ID="TestMenu1" runat="server" />
                </td>
            </tr>
            <tr style="border: 0px; vertical-align:top;" >
                <td style="height: 800px; background-color: #ab2723; width:30%; align-content:flex-start; vertical-align:top">
                    <div>
                        <Nav:NavBar ID="navBar" runat="server" />
                    </div>
                </td>
                <td style="background-color: #F8F8F8; width:20%; align-content:center; vertical-align:top">
                    <table>
                        <tr>
                            <td style="width: 950px; vertical-align:top">
                                <div style="width: 950px; align-content:flex-start" >
                                    <Smp:SiteMap ID="siteMap" runat="server" />
                                   
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>
                                    <asp:ContentPlaceHolder ID="cphMain" runat="server" />
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td style="height: 800px; background-color: #F8F8F8; width:50%; align-content:flex-start; vertical-align:top">
                    <div>
                        <asp:ContentPlaceHolder ID="cphRight" runat="server" />
                    </div>
                </td>
            </tr>
        </table>
      
        <telerik:RadWindowManager ID="MasterRadWindowManager" runat="server">
            <Windows>
                <telerik:RadWindow ID="rwAlertBox" Title="System Message" runat="server" AutoSize="true">
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
    </form>
</body>
</html>

0
Xiaobo
Top achievements
Rank 1
answered on 18 Jul 2017, 05:36 PM

The menus are included in master page. Their markup are 

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="Tepper.Social.UI.MasterPage" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="~/Controls/SocialTitle.ascx" TagName="SocTitle" TagPrefix="Title" %>
<%@ Register Src="~/Controls/Navigation.ascx" TagName="NavBar" TagPrefix="Nav" %>
<%@ Register Src="~/Controls/SiteMapPath.ascx" TagName="SiteMap" TagPrefix="Smp" %>
<%@ Register Src="~/Controls/TestMenu.ascx" TagName="TestMenu" TagPrefix="TM" %>
<!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" xmlns:v="urn:schemas-microsoft.com:vml">
<head id="Head1" runat="server">
    <title>Tepper Social Learning</title>
    <link href="CSS/TepperSocial.css" type="text/css" rel="stylesheet" />
</head>
<body alink="black" vlink="black" link="black">
   
    <script language="javascript" type="text/javascript">
        function ShowMessage(message, parentWindow) {
            var targetUrl = "./Dialogs/AlertMessage.aspx?MSG=" + message;
            var noLoop = 0;
            var current = window;
            while (current.location.pathname != parentWindow && noLoop++ < 5) {
                    current = current.parent.window;
            }
            if (current.location.pathname == parentWindow)
                alert(message);
        }               
    </script>   
    <form id="form2" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" EnableScriptCombine="false" runat="server" EnablePartialRendering="true" ScriptMode="Release">
            <Scripts></Scripts>
        </telerik:RadScriptManager>
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
            <StyleSheets>
                <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />
                <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />
                <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />
                <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />
            </StyleSheets>
        </telerik:RadStyleSheetManager>
        <div>
             <TM:TestMenu ID="TestMenu2" runat="server" />
        </div>
        <table width="1250px" cellpadding="0" cellspacing="0">
            <tr style="vertical-align:middle; height: 50px;" align="center">
                <td  colspan="2">
                    <div>
                        <Title:SocTitle ID="socTitle" runat="server" />
                       
                    </div>
                </td>
                <td >
                    <TM:TestMenu ID="TestMenu1" runat="server" />
                </td>
            </tr>
            <tr style="border: 0px; vertical-align:top;" >
                <td style="height: 800px; background-color: #ab2723; width:30%; align-content:flex-start; vertical-align:top">
                    <div>
                        <Nav:NavBar ID="navBar" runat="server" />
                    </div>
                </td>
                <td style="background-color: #F8F8F8; width:20%; align-content:center; vertical-align:top">
                    <table>
                        <tr>
                            <td style="width: 950px; vertical-align:top">
                                <div style="width: 950px; align-content:flex-start" >
                                    <Smp:SiteMap ID="siteMap" runat="server" />
                                   
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>
                                    <asp:ContentPlaceHolder ID="cphMain" runat="server" />
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td style="height: 800px; background-color: #F8F8F8; width:50%; align-content:flex-start; vertical-align:top">
                    <div>
                        <asp:ContentPlaceHolder ID="cphRight" runat="server" />
                    </div>
                </td>
            </tr>
        </table>
      
        <telerik:RadWindowManager ID="MasterRadWindowManager" runat="server">
            <Windows>
                <telerik:RadWindow ID="rwAlertBox" Title="System Message" runat="server" AutoSize="true">
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
    </form>
</body>
</html>

0
Xiaobo
Top achievements
Rank 1
answered on 18 Jul 2017, 05:39 PM
if I include the TestMenu.ascx in a regular page not in this master page, the menu works fine.
0
Xiaobo
Top achievements
Rank 1
answered on 19 Jul 2017, 02:50 PM
We find the solution: The menu worked including the RadMenu and RadTreeView after remove the property of EnableScriptCombine="false" in RadScriptManager.
Tags
Menu
Asked by
Xiaobo
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Xiaobo
Top achievements
Rank 1
Share this question
or