Hi,
I have a WebDropDown with a WebDataGrid in the ItemTemplate, as per http://help.infragistics.com/Help/NetAdvantage/ASPNET/2012.1/CLR4.0/html/WebDropDown_Create_a_Multi_Column_WebDropDown_using_Templates.html
It works, and behaves better since adding dropdown.closeDropDown() to the RowSelectionChanged script.
However, when opening the dropdown, the datagrid doesn't highlight with mouse over, unlike the dummy "item" in the dropdown itself. As the mouse passes over the margin inside the item but outside the datagrid, the margin glows as if that's what I'm selecting, but the datagrid itself won't do this.
Also, I'd prefer to move the cursor to the current item of the grid, rather than the text part of the dropdown, allowing cursor keys to select a row.
I see a similar set of instructions has been added to this forum, but the URL in it is broken, and there's no way to comment as it's a locked post.
Hello PV87669,
If you want to remove highlight of the dropdown item on hover you can set the following CSS class and apply it to the “dummy” item:
<style type="text/css">
.hoverClass
{
background-color:Transparent;
}
</style>
…
<Items>
<ig:DropDownItem HoverCssClass="hoverClass">
</ig:DropDownItem>
</Items>
<ItemTemplate>
<ig:WebDataGrid …
This should remove the mentioned item highlight on hover.
Hi Alex,
Thanks for the suggestion. Will this do anything to ENable mouseover on the grid inside the dropdown? That what I'm more concerned with..
This code will remove only the highlight of the “dummy” dropdown item in which grid is inserted.
If you need to highlight grid rows on hover you will have to add CSS style like following in the page where your grid is located:
tbody.igg_Item > tr:hover > td
background-color: Gray;
color: White;
This style will override the default grid rows hover style and will change the color of the background and text of hovered row.
Let me know if this code implements the required by you scenario.
Er.., no good. That changes the hover on other webdatagrids that are placed directly on the page, but makes no difference to the webdatagrid in the webdropdown's item template.
I am attaching a sample showing how the required by you functionality can be achieved.
Test it and let me know if you have further questions.