I have a WebGrid with a cell of type Button. It has "CellButtonDisplay" set to the default of "OnMouseEnter". So when the mouse is pointed over the cell the button appears, and when the mouse moves away the button disappears.
However if the cell is at the edge of the grid (the first column) and the mouse moves to the left, off the grid, the button does not disappear.
I have put in Javascript to capture the MouseOut event, but it does no better. It will capture the MouseOut event if you stay in the grid, but if you are in the first column and move left, off the grid, the event will not fire. So the button will not disappear.
As a further problem, there is a Calendar control on the left of the grid. If you click on that control, and the calendar pops up covering the left of the grid, guess what? That stupid grid button will still not disappear even though it is covered up. It still shows there right in the middle of the calendar.
So, how do you get the button to disappear?
Hello,
You are right, I reproduced your issue and found same behavior. You can submit this issue at following link:
http://devcenter.infragistics.com/Protected/SubmitSupportIssue.aspx
Thanks
So you are not support?
Can you think of a quick workaround, in the meantime?
Thanks.
You can add new column before your button column with Wight =1px
Hope this helps.
I do not think this will work. Here is why. Actually the first two columns have a button on them. And even if I am in the second column, if I move the mouse fast enough I can get the same problem. I start at the last row with the mouse on the second column. So there is blank space beneath the mouse, but still in the grid. So what I do is to quickly move the mouse down and to the left, avoiding the first column. I cover maybe 1/4 inch, very quickly. If the space is smaller, I would not need to move so fast, just an average move would do it. As a matter of fact, there is already a small space on the left, and if I move very slow the problem does not occur. So I would need a very wide column to prevent this problem, at least so it seems. And the grid currently takes the entire width of the screen. I am trying very hard to preserve space.
I am having this same issue. I just wanted to add a reply so I can keep track of this post.I hope this issue can be resolved soon, because it is rather annoying.
Infragistics says they are working on it.
In the meantime I made the button invisible. If I just made the BackColor of the cell transparent it still left a visible border, which wouldn't go away. Making the border transparent didn't help either. The way I could do it was to make a transparent thick border, thicker than the button:
CellButtonStyle BorderWidth="30px" BorderColor="Transparent"
The downside is that you have to rely on the appearance of the cell, and it won't highlight as you move the mouse over it. The appearance is less reactive than I would like. However the Button does react to the Click, and does not show up and cause the ridiculous symptoms aforementioned.