How to Shift Position of ContextMenu?

5 posts, 1 answers
  1. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 14 May 2013 Link to this post

    I have a situation where I have your RadContextMenu appearing when I right-click on any RadListBox item.  The problem is that the tooltip obscures (covers up) the Context Menu.

    Might there be a way to adjust the position of either the tooltip or the Context Menu?  I assume this can be done with CSS code but I don't know the syntax/structure for either.

    Any help would be much appreciated.

    Thank you,

    Robert W.
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 14 May 2013 Link to this post

    Hi Robert,

    I have tried to shift the position of RadContextMenu with css and it worked as expected on my end.
    <style type="text/css">
      .RadMenu ul.rmActive, .RadMenu ul.rmRootGroup
         margin-left: -40px !important;

    Hope this will help.

  3. DevCraft R3 2016 release webinar banner
  4. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 15 May 2013 Link to this post

    Princy, I added your solution to my CSS file, made sure it was reloaded, but it didn't change a thing.  I even tried changing ".RadMenu" to ".RadContextMenu" but that didn't improve things either.

    FYI here's my pertinent layout code:

    <asp:Panel ID="panelMain" runat="server" style="border-top: solid 1px #000000; padding-bottom:20px">
      <telerik:RadSplitter ID="radSplitter" runat="server" LiveResize="false">
        <telerik:RadPane ID="radPaneLeft" runat="server" Scrolling="None" MinWidth="232" MaxWidth="272">
          <telerik:RadSlidingZone ID="radSlidingZone" runat="server" Width="22" Height="0" ClickToOpen="true" DockedPaneId="radSlidingPane">
            <telerik:RadSlidingPane ID="radSlidingPane" runat="server" BackColor="#F0F8FF" CssClass="slidingPane" TabView="TextAndImage" IconUrl="~/Images/hierarchy.gif"
                                    DockOnOpen="true" OnClientDocked="radSlidingPane_Docked" OnClientUndocked="radSlidingPane_Undocked" Width="200">
              <telerik:RadListBox ID="radListBoxMuck" runat="server" Width="100%" Height="100%" OnClientSelectedIndexChanged="rlbClicked" OnClientItemDoubleClicked="rlbDoubleClicked"
                                  OnClientContextMenu="rlbContextMenu" onselectstart="return false;" OnItemCreated="radListBoxMuck_ItemCreated" EnableDragAndDrop="false">
                  <div class="smallText" style="margin-left:0; margin-right:0">
                    <table style="width:100%">
                        <td class="muckListPrimary" style="width:68%">
                          <asp:Label ID="labelStope" runat="server" />
                        <td style="text-align:right; font-style:italic; width:32%">
                          <asp:Label ID="labelDate" runat="server" />
                          <asp:Label ID="labelUnitsSummary" runat="server" />
                        <td style="width:20%; text-align:right; vertical-align:bottom">
                          <asp:Panel ID="panelMaterial" runat="server" Width="13" />
                    <asp:HiddenField ID="hidFieldMaterial" runat="server" Value='<%# Eval("Material").ToString() %>' />
              <telerik:RadContextMenu ID="radContextMenu_ListBoxStopes" runat="server" OnItemClick="radContextMenu_ListBoxStopes_Click" CollapseAnimation-Duration="1" style="left:300px">
                  <telerik:ContextMenuControlTarget ControlID="radListBoxMuck" />
                  <telerik:RadMenuItem Text="Move Muck" Value="M" Width="120" />
                  <telerik:RadMenuItem Text="Cancel" Value="C" Width="120" />
  5. Answer
    Boyan Dimitrov
    Boyan Dimitrov avatar
    1728 posts

    Posted 20 May 2013 Link to this post


    Please try the following css  property that controls the offset between the RadContextMenu and the left side of the page as shown:

    <style type="text/css">
           .RadMenu_Context {
               left: 700px !important;

    Boyan Dimitrov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 20 May 2013 Link to this post

    That works perfectly, Boyan  Thank you!!
Back to Top
DevCraft R3 2016 release webinar banner