How to Shift Position of ContextMenu?

[Robert]

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.

[Princy]

Hi Robert,

I have tried to shift the position of RadContextMenu with css and it worked as expected on my end.
CSS:

<style type="text/css">
  .RadMenu ul.rmActive, .RadMenu ul.rmRootGroup
   {
     margin-left: -40px !important;
   }
 </style>

Hope this will help.

Thanks,
Princy.

[Robert]

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">
            <ItemTemplate>
              <div class="smallText" style="margin-left:0; margin-right:0">
                <table style="width:100%">
                  <tr>
                    <td class="muckListPrimary" style="width:68%">
                      <asp:Label ID="labelStope" runat="server" />
                    </td>
                    <td style="text-align:right; font-style:italic; width:32%">
                      <asp:Label ID="labelDate" runat="server" />
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <asp:Label ID="labelUnitsSummary" runat="server" />
                    </td>
                    <td style="width:20%; text-align:right; vertical-align:bottom">
                      <asp:Panel ID="panelMaterial" runat="server" Width="13" />
                    </td>
                  </tr>
                </table>
                <asp:HiddenField ID="hidFieldMaterial" runat="server" Value='<%# Eval("Material").ToString() %>' />
              </div>
            </ItemTemplate>
          </telerik:RadListBox>
          <telerik:RadContextMenu ID="radContextMenu_ListBoxStopes" runat="server" OnItemClick="radContextMenu_ListBoxStopes_Click" CollapseAnimation-Duration="1" style="left:300px">
            <Targets>
              <telerik:ContextMenuControlTarget ControlID="radListBoxMuck" />
            </Targets>
            <Items>
              <telerik:RadMenuItem Text="Move Muck" Value="M" Width="120" />
              <telerik:RadMenuItem Text="Cancel" Value="C" Width="120" />
            </Items>
          </telerik:RadContextMenu>
        </telerik:RadSlidingPane>
      </telerik:RadSlidingZone>
    </telerik:RadPane>

[Boyan Dimitrov]

Hello,

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

<style type="text/css">

       .RadMenu_Context {

           left: 700px !important;

       }

   </style>

Regards,
Boyan Dimitrov
the Telerik team

[Robert]

That works perfectly, Boyan  Thank you!!