Radgrid header context menu columns option's submenu can't display very well

[Zhao]

Hi,
I have some problem with the radgrid's header context menu. when i put my cursor over the Column option ,the submenu list displays not very well at some time. When the grid header is near the Brower's top border ,when I right  click on the header of the grid the context menu popup,and then I move my mouse to the Columns option the submenu display.But ,the submenu displays too high ,and some items are hidden in the topframe(page navigation menu), also it can not see the top small triangle which is use to slide .Can you understand my issue? It only happens when the two condition are satisfied:1、 grid header displays near the boundary of the frame or Brower 2、right click the top part of the header (top means the position higher than the header text ).

My wonder is Can I fix the position that the submenu displays ? Ex. make the top of the submenu align at the Columns options ,make their's top inline.

Thank you very much~

[Eyup]

Hello Zhao,

The following approach will show the context menu just below the first grid item:
   mark-up:

<ClientSettings>
      <ClientEvents  OnHeaderMenuShowing="headerMenuShowing" />

   JavaScript:

function headerMenuShowing(sender, args) {
  var firstRow = sender.get_masterTableView().get_dataItems()[0].get_element();
  args.get_domEvent().clientY = firstRow.offsetTop + firstRow.offsetHeight + 10;
}

You could also use:

function headerMenuShowing(sender, args) {
     args.set_cancel(true);
     args.get_menu().showAt(200, 200);
  }

That should do the trick.

Regards,
Eyup
the Telerik team

[Zhao]

Thank you for your reply, and I had tried the aproach,but I am sorry  that's not my expected resolution  . In your aprpach , the context menu can be placed on a proper position , such as fix it on the (200,200) of the screen. It's ok. But as I expected , the submenu which slide out when I hover on the Colunms must be shown at a proper position , control it's top border not higher than the frame's border .
I hope you can understand my description , and looking forward to your reply.
Thank you very much.

[Zhao]

To better understand, I draw a picture blew.

http://www.cnblogs.com/images/cnblogs_com/ytaozhao/dafdasf.jpg

I think it's a little bug of the control. Because,the cutted submenu only be shown once at the first time, when I hover on the Columns again , the submenu displays at right position like the "expect" zone show in the picture.

[Eyup]

Hi Zhao,

Apparently, this issue occurs only when the grid has quite large number of columns. To resolve it, please try applying the following additional styling:

<style type="text/css">
       .RadMenu_YourSkinName .rmSlide
       {
           top: 0 !important;
       }
   </style>

That should solve the issue. Nevertheless, I will refer the matter to our front-enders and inform you later on the details and reasons which cause the observed behavior.

Regards,
Eyup
the Telerik team

[poonam]

Hello,

radgrid filter not open proper. means filter position not at header of column it goes to directly top of the page..Please help me why this happened..

[Eyup]

Hi Poonam,

 

I suggest that you update to the latest version of the controls and check whether the issue is resolved:
https://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/basic-filtering/defaultcs.aspx

If the problem remains, you can open a formal support thread and send us a sample runnable web site demonstrating the issue for further investigation.

 

Regards,
Eyup
Progress Telerik