context menu position

[Matt]

I'm using a Radcontextmenu in a RadScheduler and I need to be able to set the X and Y offset position of where this context menu appears. How can I achieve this?

<telerik:RadContextMenu ID="appointmentContextMenu" runat="server" OnClientItemClicked="appointmentitem_clicked">
    <Items>
        <telerik:RadMenuItem Text="Edit Details" Value="EventDetails" />
        <telerik:RadMenuItem Text="Edit Assets" Value="EventAssets" />
        <telerik:RadMenuItem Text="Edit Resources" Value="EventResources" />
        <telerik:RadMenuItem Text="Delete Event" Value="DeleteEvent" />
        <telerik:RadMenuItem Text="Event Outline" Value="EventOutline" />
    </Items>
</telerik:RadContextMenu>

thanks!

[Shinu]

Hello,


I hope adding the following CSS on page will help you in setting offest for RadContextmenu for RadScheduler.

CSS:

<style type="text/css">
    .RadMenu_Context, .RadMenu_Default_Context
    {
        padding-left: 100px !important;
        padding-top: 100px !important;
    }
</style>

One more suggestion: You could use the integrated context menus for both Appointments and Time Slots of RadScheduler than usng another RadContextMenu control.
Scheduler / Context Menu
 

-Shinu.

[Matt]

That works for moving the context menu down and right, but i'm needing to move it left.  I tried padding-right:100px but it doesn't move the box at all.

How can I move the box if I need it to move left?

thanks,

[Peter]

Hello Matt,

You can use contextMenu.showAt(x, y); as shown in this demo.

Regards,
Peter
the Telerik team

[Matt]

I don't want a x/y position in the page, i just want it to show up to the left of where the mouse is when i right-click, instead of the right of the mouse.

[Peter]

Perhaps you need Right-to-left mode, so please try the following setting:

<telerik:RadContextMenu ID="RadContextMenu1" dir="rtl" runat="server">


Kind regards,
Peter
the Telerik team