Rad Context menu over parts of Image

[Karan]

Hi,

I have a emf image, on which I want to create certain hot spots such that when the mouse is clicked on one of the hot spot the context menu shows up

Kindly let me know what type of control can I use for this purpose to set as the target for the Context menu

e.g.
 <telerik:ContextMenuControlTarget ControlID = "Hotspot1" />

I cant use ImageMaps as the individual maps dont carry an ID
(problem setting it as a targer)

When I use an empty div, the context menu only shows up when clicked on the border and on the text in the div, I want the div to be empty such that the image behind can be seen at all times, I dont want to fill in the Div with spaces as the image will be scaled, same problem with Panels

Any help is appreciated, thanks in advance
Regards
KaranHi,

I have a emf image, on which I want to create certain hot spots such that when the mouse is clicked on one of the hot spot the context menu shows up

Kindly let me know what type of control can I use for this purpose to set as the target for the Context menu

e.g.
 <telerik:ContextMenuControlTarget ControlID = "Hotspot1" />

I cant use ImageMaps as the individual maps dont carry an ID
(problem setting it as a targer)

When I use an empty div, the context menu only shows up when clicked on the border and on the text in the div, I want the div to be empty such that the image behind can be seen at all times, I dont want to fill in the Div with spaces as the image will be scaled, same problem with Panels

Any help is appreciated, thanks in advance
Regards
Karan

[Erjan Gavalji]

Hi Karan,

An interesting inquiry indeed. The quickest solution that comes to my mind is using transparent images over the emf image, which will have the context menu.

The other option is just adding a handler to the contextmenu event of the image and open the context menu by using its showAt method. The Popup menu example demonstrates the showAt method.

Let me know if I can help further.

Kind regards,
Erjan Gavalji
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Karan]

Hi Erjan,

Thanks for the help, I ended up putting a transparent image as a background image on the div, and setting the div id as the targer for the context menu, which solves the problem.

Thanks and Regards
Karan