Rad Menu is not working on Internet Explorer 8

[Rahul Khinvasara]

Hi 
    I have used Rad ASP.NET AJAX Menu, but it's not working on Internet Explorer 8 or  firefox. please give your reply as early as posible.

Thanks

 

[Helen]

Hi,

What is the exact problem you have experienced?  We tested the behavior locally and couldn't find any issues.
Please see the attached file as part of our local tests. What might be the difference in your case?
What are we missing?

Kind regards,
Helen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Tony]

I am using Windows XP with IE 8, FireFox 3, Chrome 1, and Safari 2, and the RadMenu implementation in our environment is working perfectly on all of the browsers without any problems.

[DW Web Team Member]

I have Windows XP with IE 8. RadMenu is working fine when I run it in Compatibility View - the menu item is expanding, I can see submenu, everything is perfect. As soon as I switch to run it not in Compatibility View, I cannot see submenu - nothing happen if I put the mouse over the main menu item (except the skin).

This is the aspx:

<%

@ Control Language="C#" AutoEventWireup="true" Codebehind="NavigationUC.ascx.cs" Inherits="WWR.Web.MySolution.UI.UserControls.NavigationUC" %>

 

<%

@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

 

 

Namespace="System.Web.UI" TagPrefix="asp" %>

 

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

 

<

 

div style="padding-top: 10px;">

 

 

<table border="0" cellpadding="0" cellspacing="0" width="182">

 

 

<thead>

 

 

<tr>

 

 

<th class="leftZonePartTitleStyle" colspan="1"></th>

 

 

</tr>

 

 

</thead>

 

 

<tr>

 

 

<td class="leftZone">

 

 

<telerik:RadPanelBar ID="RadPanelbar1" runat="server" Width="100%" EnableViewState="false">

 

 

<Items>

 

 

<telerik:RadPanelItem Text="Practice" runat="server" Expanded="True" Width="100%">

 

 

<Items>

 

 

<telerik:RadPanelItem runat="server">

 

 

<ItemTemplate>

 

 

<telerik:RadMenu ID="rmPractice" Width="99%" Flow="Vertical" runat="server" EnableViewState="false">

 

 

<Items>

 

 

<telerik:RadMenuItem ID="rmiExports" Text="Exports" runat="server">

 

 

<Items>

 

 

<telerik:RadMenuItem ID="rmiValidZoneExport" Text="ValidZone Invoices" runat="server"

 

 

NavigateUrl="~/Export/ValidZoneInvoice.aspx">

 

 

</telerik:RadMenuItem>

 

 

</Items>

 

 

</telerik:RadMenuItem>

 

 

<telerik:RadMenuItem ID="rmiReports" Text="Reports" runat="server">

 

 

<Items>

 

 

<telerik:RadMenuItem ID="rmiExcReport" Text="PP to DW Exceptions" runat="server"

 

 

NavigateUrl="~/Reports/Exceptions.aspx">

 

 

</telerik:RadMenuItem>

 

 

</Items>

 

 

</telerik:RadMenuItem>

 

 

</Items>

 

 

</telerik:RadMenu>

 

 

</ItemTemplate>

 

 

</telerik:RadPanelItem>

 

 

</Items>

 

 

</telerik:RadPanelItem>

 

 

<telerik:RadPanelItem Text="Need Help?" runat="server" Expanded="True" Width="100%">

 

 

<Items>

 

 

<telerik:RadPanelItem runat="server">

 

 

<ItemTemplate>

 

 

<telerik:RadMenu ID="rmHelp" Width="99%" Flow="Vertical" runat="server" EnableViewState="false">

 

 

<Items>

 

 

<telerik:RadMenuItem ID="rmiHelp" Text="Help" runat="server"

 

 

NavigateUrl="~/Default.aspx?page=help">

 

 

</telerik:RadMenuItem>

 

 

</Items>

 

 

</telerik:RadMenu>

 

 

</ItemTemplate>

 

 

</telerik:RadPanelItem>

 

 

</Items>

 

 

</telerik:RadPanelItem>

 

 

</Items>

 

 

</telerik:RadPanelBar>

 

 

</td>

 

 

</tr>

 

 

</table>

 

</

 

div>

As you can see, there is nothing special. and I have nothing in the code behind.
Do you have any idea what may cause this type of behavior?

Thank you,

Tataiana

 

[Alex Gyoshev]

Hello Tataiana,

There are custom styles that you need to apply in order to get the Menu-in-PanelBar scenario to work. Please refer to the online example that demonstrates this.

Greetings,
Alex
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[DW Web Team Member]

Hi Alex,

I followed the online example and modified the page. Everything started working in IE8 as well as in IE7. Which is great.
This is how it looks now:

<%

@ Control Language="C#" AutoEventWireup="true"  Codebehind="NavigationUC.ascx.cs"

 

 

 

Inherits="WWR.Web.MySolution.UI.UserControls.NavigationUC" %>

 

<%

 

@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

 

 

 

Namespace="System.Web.UI" TagPrefix="asp" %>

 

<%

 

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

 

 

<

 

style type="text/css">

 

 

 

.RadPanelBar,

 

 

 

.RadPanelBar .rpSlide,

 

 

 

.RadPanelBar .rpGroup,

 

 

 

.RadPanelBar .rpTemplate

 

 

{

 

overflow:visible !important;

 

}

 

 

div.RadPanelBar .rpLevel1 .rpItem

 

 

{

 

padding:0;

 

}

 

 

 

div.RadMenu .rmRootGroup

 

 

{

 

border: 0;

 

}

 

 

 

div.RadMenu .rmLink

 

 

{

 

float: none;

 

}

 

</

 

style>

 

<

 

 

div style="padding-top: 10px;">

 

 

 

<table border="0" cellpadding="0" cellspacing="0" width="182">

 

 

 

<thead>

 

 

 

<tr>

 

 

 

<th class="leftZonePartTitleStyle" colspan="1"></th>

 

 

 

</tr>

 

 

 

</thead>

 

 

 

<tr>

 

 

 

<td class="leftZone">

 

 

 

<telerik:RadPanelBar ID="RadPanelbar1" runat="server"

 

 

 

Width="100%" EnableViewState="false">

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem Visible="false" Text="Accounts" runat="server"

 

 

 

Width="100%" Expanded="True">

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem runat="server">

 

 

 

<ItemTemplate>

 

 

 

<telerik:RadMenu ID="rmAccounts" Width="99%" Flow="Vertical" runat="server"

 

 

 

style="z-index:7000" EnableViewState="false">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Visible="false" Text="Inventory">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Open" NavigateUrl="~/Accounts/OpenInventoryDisplay.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Suits / Judgments" NavigateUrl="~/Accounts/SuitOpenInventoryDisplay.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Closed" NavigateUrl="~/Accounts/ClosedInventoryDisplay.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Recent Activity" NavigateUrl="~/Activity/Summary.aspx" >

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Visible="false" Text="Online Reconciliation">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenu>

 

 

 

</ItemTemplate>

 

 

 

</telerik:RadPanelItem>

 

 

 

</Items>

 

 

 

</telerik:RadPanelItem>

 

 

 

<telerik:RadPanelItem Text="Financials" runat="server" Width="100%" Expanded="True">

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem runat="server">

 

 

 

<ItemTemplate>

 

 

 

<telerik:RadMenu ID="rmFinancials" Width="99%" Flow="Vertical" runat="server"

 

 

 

style="z-index:7000" EnableViewState="false">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Settlements">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Summary" NavigateUrl="~/Settlements/Summary/AggregateSummary.aspx" >

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Schedule">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="View">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Monthly" NavigateUrl="~/Settlements/Schedule/ScheduledRuns.aspx" >

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Today's Running Clients" NavigateUrl="~/Settlements/Schedule/TodaysClientRuns.aspx" >

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Projected Running Clients" NavigateUrl="~/Settlements/Schedule/ClientRuns.aspx" >

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Maintain">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="View Schedule Definitions" NavigateUrl="~/Settlements/ViewScheduleDefinitions.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Manage Schedules On Holiday" NavigateUrl="~/Settlements/Schedule/Maintain/ManageSchedulesOnHoliday.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Add Schedule(s) by Client" NavigateUrl="~/Settlements/Schedule/Maintain/AddScheduleByClient.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Create New Schedule" NavigateUrl="~/Settlements/Schedule/Maintain/CreateSchedule.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Manage Schedules" NavigateUrl="~/Settlements/Schedule/Maintain/ManageSchedules.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Resume Schedule(s)" NavigateUrl="~/Settlements/Schedule/Maintain/ResumeSchedule.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Retire Schedule(s) by Client" NavigateUrl="~/Settlements/Schedule/Maintain/RemoveSchedule.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Suspend Schedule(s)" NavigateUrl="~/Settlements/Schedule/Maintain/SuspendScheduleByClient.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Reports">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Clients with no Active Schedules" NavigateUrl="~/Settlements/Schedule/ClientsWithNoSchedules.aspx" >

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Arrangement">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Maintain">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="View Arrangements" NavigateUrl="~/Settlements/ViewClientsBySettlementArrangement.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Add Arrangements(s) by Client" NavigateUrl="~/Settlements/Arrangements/Maintain/AddArrangementToClient.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="View Client(s) Arrangements" NavigateUrl="~/Settlements/Arrangements/Maintain/ViewArrangements.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Edit Client(s) Arrangements" NavigateUrl="~/Settlements/Arrangements/Maintain/EditArrangements.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Visible="true" Text="Test Settlement" NavigateUrl="~/Settlements/Arrangements/RulesEval/CreateNewSettlementRule.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Printing Priority" NavigateUrl="~/Settlements/Arrangements/PrintPriority/MaintainPrintPriority.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Print Indicator" NavigateUrl="~/Settlements/Arrangements/PrintIndicator/MaintainPrintIndicator.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Payment Release Date" NavigateUrl="~/Settlements/Arrangements/PaymentReleaseDate/MaintainPaymentReleaseDate.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Cash App">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Invoice Search" NavigateUrl="~/Settlements/InvoiceSearch.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="General Search" NavigateUrl="~/Settlements/CashApp/CashAppSearch.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="On-Demand">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Visible="false" Text="Entry" NavigateUrl="~/Settlements/OnDemandSettlementEntry.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Entry" NavigateUrl="~/Settlements/OnDemand/OnDemandEntry.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Pending" NavigateUrl="~/Settlements/OnDemandPendingSettlements.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Cover Page Maintenance" NavigateUrl="~/Settlements/CoverPageMaintenance.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Receivables">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Charge-Off" NavigateUrl="~/Financials/Receivables/ChargeOff">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Payables">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="1099" NavigateUrl="~/Reports/Payable1099.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Activity">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Transaction Revenue (BBH)" NavigateUrl="~/Reports/BillingByHome.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="AR Ranking (801)" NavigateUrl="~/Reports/ReceivablesRankingRS.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Visible="false" Text="AR Ranking (801) Dashboard (Beta)" NavigateUrl="~/Reports/ARRAnkingDashboardRS.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="AR Ranking (801) Dashboard (Beta)" NavigateUrl="~/Reports/ARRankingGraphicRS.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="AR by Client" NavigateUrl="~/Reports/ARByClient.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Invoice Payment Detail" NavigateUrl="~/Reports/InvoicePaymentDetail.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Attorney Invoice Voided Checks" NavigateUrl="~/Reports/AttorneyInvoiceVoidedChecks.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="HP Cost Checks" NavigateUrl="~/Reports/HPCostChecks.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Unbilled Hourly Accounts" NavigateUrl="~/Reports/OpenHourlyAccounts/OpenHourlyAccounts.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenu>

 

 

 

</ItemTemplate>

 

 

 

</telerik:RadPanelItem>

 

 

 

</Items>

 

 

 

</telerik:RadPanelItem>

 

 

 

<telerik:RadPanelItem runat="server" Text="Site Management" Expanded="True" Width="100%">

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem runat="server">

 

 

 

<ItemTemplate>

 

 

 

<telerik:RadMenu ID="rmProfile" Width="99%" Flow="Vertical" runat="server"

 

 

 

style="z-index:7000" EnableViewState="false">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="User Maintenance">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Maintain By User" NavigateUrl="~/User/ClientNetUsers.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Maintain By Client" NavigateUrl="~/User/ClientNetUsersByClient.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Dormant Profiles" NavigateUrl="~/User/PendingDeletes.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Login Message" NavigateUrl="~/Messages/eCNLogin.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Surveys" NavigateUrl="~/Survey/CompletedSurveys.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Activity">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Login" NavigateUrl="~/User/UserActivity.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Logins By SortKey" NavigateUrl="~/User/Reports/LoginsBySortKey.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Settlement" NavigateUrl="~/Settlements/AuditView.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenu>

 

 

 

</ItemTemplate>

 

 

 

</telerik:RadPanelItem>

 

 

 

</Items>

 

 

 

</telerik:RadPanelItem>

 

 

 

<telerik:RadPanelItem Text="Perfect Practice" runat="server" Expanded="True" Width="100%">

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem runat="server">

 

 

 

<ItemTemplate>

 

 

 

<telerik:RadMenu ID="rmPerfectPractice" Width="99%" Flow="Vertical" runat="server"

 

 

 

style="z-index:7000" EnableViewState="false">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="Exports">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="ValidZone Invoices" NavigateUrl="~/perfectPractice/Export/ValidZoneInvoice.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem Text="Reports">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="PP to DW Exceptions" NavigateUrl="~/perfectPractice/Reports/Exceptions.aspx">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenu>

 

 

 

</ItemTemplate>

 

 

 

</telerik:RadPanelItem>

 

 

 

</Items>

 

 

 

</telerik:RadPanelItem>

 

 

 

<telerik:RadPanelItem Text="Need Help?" runat="server" Expanded="True" Width="100%">

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem runat="server">

 

 

 

<ItemTemplate>

 

 

 

<telerik:RadMenu ID="rmHelp" Width="99%" Flow="Vertical" runat="server"

 

 

 

style="z-index:7000" EnableViewState="false">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem Text="eFirmNet Help" NavigateUrl="~/Default.aspx?page=help">

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadMenu>

 

 

 

</ItemTemplate>

 

 

 

</telerik:RadPanelItem>

 

 

 

</Items>

 

 

 

</telerik:RadPanelItem>

 

 

 

</Items>

 

 

 

</telerik:RadPanelBar>

 

 

 

</td>

 

 

 

</tr>

 

 

 

</table>

 

</

 

 

div>

 

 

However, the style="z-index:7000" in the RadMenu broke the way RadMenu works and looks in IE 6.0, at least with those versions:
    - 6.0.2800.1106;
    - 6.0.2900.5512.xpsp.080413-2111.

If I remove this property, everything is started working for IE 6 as well as inIE 7 and IE8.
Do I need this property and what exacly this proerty does?

Thank you very much,

Tatiana

[Alex Gyoshev]

Hello Tataiana,

The z-index is used for modification of the elements' stacking order; if everything works without it, you can safely remove it.

Best wishes,
Alex
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.