Context Menu Width

[Lloyd McDonald]

Hello,

I'm having difficulty getting a context menu to expand to the width of the current node's text.  The tree view's context menu in your examples solution always expands to the width of the menu item's text, but I could not find any references where the width of the context menu or its items is explicitly being set.

I'm also using the same jscript function: setMenuItemsState to set the menu item's text.

Please advise.

[Yana]

Hello Lloyd,

Could you, please, try to set the width of the first item of the context menu? If this doesn't help, please, send us sample code illustrating the problem,  so we can test it locally?

Kind regards,
Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Lloyd McDonald]

Yana,

That did the trick!

Thanks.

[Carl-Johan]

I have the same problem, I use a web.sitemap. How do I do it.

Thanks

Carl-Johan Larsson

[Yana]

Hello Carl-Johan,

You can use the following style to set the width of the context menu:

<style type="text/css">
.rmFirst {
   width: 200px !important;
}
</style>

Kind regards,
Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Carl-Johan]

So simple, thanks.

Carl-Johan Larsson

[abhay]

Hello,

I'm facing the same problem... I have given a width to the first item in the context menu but I can see a gapping in the context menu on mouse hover. Can we set the width of the context menu depending on the tree node text width?

Regards,
Abhay

[Kate]

Hi Abhay,

The issue that you encounter is due to the width of the menu item. Since the text of the ManuItem is very long and the sprite image of the menu is not long enough (simply not designed for items containing long text) you get the gap that appears on the image. Therefore you can either shorten the item's text or alter the sprite image that is applied as a background to the RadContextMenu (as described in this help article).  

Regards,
Kate
the Telerik team