Hello ,

Thank you for posting in Infragistics forums.

You can use width property of the MenuGroup

Hi,

 I am referring the following article to show/hide items on client side:

Hello sandy_joggy ,

You can get the width of the whole menu element with:

 menu.get_element().clientWidth;

Based on that you can calculate what coordinates to pass to the showAt method.

I’m attaching a very simple sample with 2 buttons. One adds new items to the Menu based on the approach suggested in your link. The other moves the menu to the right-most points of the document without showing a scrollbar. Please refer to the attached sample and let me know if this is the dynamic client width you need for your scenario.

Hello sandy_joggy ,

I apologize about the late reply.

It seems that this is connected to the IsContextMenu property which hides the menu. What I’ve notice however is that once the Menu shows the first time it’s width doesn’t seem to change.

Note the sample I’ve attached. Click on add say 4 times to have 4 items in the menu and right click on the image. It will show the four items horizontally aligned. Now click on add four more times to add 4 more item and notice that when you open the menu the items are 4x4 vertically aligned. So in this case I think you might need only the initial width to calculate where on the page you should display the context menu. Please refer to the attached sample and let me know if this solution  would be applicable in your scenario.

Hello sandy_joggy,

Let me know if i can further assist you in any way.

Hello sandy_joggy,

It seems that with this approach changing the width once it gets set is not an option. If you use the methods removeItem and addItem resizing issues do not occur.

I can only suggest that you wrap the text and set a width for the menu items so that the longer text won’t change the width.

For example set the CssClass of the ItemSettings to the following css class:

  .ItemClass

        {

            width: 100px !important;        

            overflow: visible;

            white-space: normal;

        }

You can also further modify the menu item setting by setting :

oMenu._element.runtimeStyle.textAlign = "right";

So that the text will be displayed on the right side (since you mentioned that in your scenario the menu will open on the left side of the pointer).

Refer to the attached sample and let me know if this would be an acceptable solution for your scenario. If not I’d advise you to use the functions that were meant for adding and deleting items.

Let me know if I can be of further assistance.