RadMenu dropdown items not aligned under main item...

[Wired_Nerve]

[ Updated on March 15, 2013 ]
I have a radmenu and when I click on a item (for example File) a dropdown menu slides out.. Oddly enough it is way off target and not aligned under its' parent.. Any ideas?

When I run on my local developer box (Windows 7 fully patched and etc.. ) via Visual Studio 2010 Premium.. the dropdown menu's items are far to the LEFT.. But when I deploy the application to a QA box running Windows 2003 R2 IIS 6, it lines up correctly!!!

if I use a offset x in the xml file, it works great on my local system, but NOT on the QA machine...

[Rosen Vladimirov]

Hi Warren,

I've tested this scenario on a clean installation of Windows Server 2003 R2 SP2 (I've only installed Silverlight 5 as additional component). Everything works as expected and RadMenu's children are positioned correctly. Maybe there is some kind of a problem with the popup placement (the children are placed inside a popup). Could you try attached WPF application on your server? It has only a single Button and when you click it, a new Popup will open and it should be placed directly below the Button (second click of the button will close the popup). The code is not using any Telerik references and it will help us to detect whether the problem is in our controls or with some components on the Windows Server.

I'm looking forward to hearing from you.

All the best,
Rosen Vladimirov
the Telerik team

[Wired_Nerve]

Sorry I failed to mention this is Telerik RadControls for ASP.NET Ajax not silverlight...


Version of Telerik:  2011.2.915.40

I have defined a xml file for the menu parts (see MENU below)...

Here is the source for the menu control:
I have atttacked a screen capture (chrome browser, but does it in any browswer)

 

<telerik:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="False"
EnableShadows="False"Skin="Default"></telerik:RadMenu>

<?xml version="1.0" encoding="utf-8" ?>
<Menu>
  <Group Flow="Vertical">
    <Item Text="Home" Key="H" LeftLogo ="~/App_Themes/TIPWeb/Images/home.gif" Href="~/Home.aspx"/>
    <Item Text="Hardware" AccessKey="I" LeftLogo="~/App_Themes/TIPWeb/Images/PDA.gif" Href="~/HardwareManagement/Hardware.aspx" />
    <Item Text="Purchasing" AccessKey="P" LeftLogo="~/App_Themes/TIPWeb/Images/Purchasing.gif" Href="~/PurchaseManagement/Purchasing.aspx"  />
    <Item Text="Sites" AccessKey="S" LeftLogo="~/App_Themes/TIPWeb/Images/sites.gif"   Href="~/SiteManagement/Sites.aspx" />
    <Item Text="Tags" AccessKey="T"  LeftLogo="~/App_Themes/TIPWeb/Images/Tags_24.gif" Href="~/TagManagement/Tags.aspx"/>
    <Item Text="Audits" Key="A"  LeftLogo="~/App_Themes/TIPWeb/Images/Audit.gif" >
      <Group Flow="Vertical" Value="AUDITS">
        <Item Text="View Site Audits" Href="~/AuditManagement/SiteAuditsAdministrative.aspx"/>
        <Item Text="Reconcile Audits "  Href="~/AuditManagement/ReconcileAdministrative.aspx"/>
      </Group>
    </Item>
  </Group>
</Menu>

[Wired_Nerve]

I ended up going over our stylesheet and finally found a bit of css that was causing the absolute positioning to go wrong.. Fixed that and everything is falling into place now...


Had NOTHING to do with the server versions or anything... Whew...