Hi, I have customize a web combo to use like a standard combo.
All work now, but I not find a style layout for customize the dropdown layout in "after row selected" situation.
In this situation, after row selection, if web combo are re-open, the row selected before, have a black border (1 px size) on row already selected.
I would like change this stile with a layout without border (or border in another color).
Can you help me?
Hello there,
If I understood your question correctly then the solution is to:
public void InstantiateIn(System.Web.UI.Control container) { Infragistics.WebUI.UltraWebGrid.CellItem cellitem1 = ((Infragistics.WebUI.UltraWebGrid.CellItem)(container)); WebCombo combo = new WebCombo(); cellitem1.Controls.Add(combo); //Set data source combo.Width = Unit.Pixel(100); combo.DropDownLayout.DropdownWidth = Unit.Pixel(104); combo.DropDownLayout.DropdownHeight = Unit.Pixel(70); combo.DropDownLayout.ColHeadersVisible = Infragistics.WebUI.UltraWebGrid.ShowMarginInfo.No; combo.DropDownLayout.RowSelectors = Infragistics.WebUI.UltraWebGrid.RowSelectors.No; }
whereever you create your webcombo you just need to add these 5 lines of code then you'll see your webcombo display as a dropdownlist.
combo.Width = Unit.Pixel(100); combo.DropDownLayout.DropdownWidth = Unit.Pixel(104); combo.DropDownLayout.DropdownHeight = Unit.Pixel(70); combo.DropDownLayout.ColHeadersVisible = Infragistics.WebUI.UltraWebGrid.ShowMarginInfo.No; combo.DropDownLayout.RowSelectors = Infragistics.WebUI.UltraWebGrid.RowSelectors.No;I hope that helps.
HS2
Hi There,
I found your post, whilst trying to deal with exactly the same problem - not sure if you found a solution, but I did get to the bottom of it - so am posting here, just incase you're still looking for one. It turns out, after doing some debugging with Firebug that even though I've explicitly set the CSS class that I want to use to define the presentation, for example.....
... at runtime Infragistics also adds it's own CSS class, which turns out to be responsible for adding the black border around the currently selected element. The solution, once finding the cause was pretty straight forward and required the addition of the !important rule to our CSS definition, as shown below.....
}
Hope this proves useful, it does appear a little inconsistent when compared to say the Infragistics UltraWebTree, as SelectedRowStyle also controls the behaviour that you would typically associate with hover - i.e. the background-color: defined here is used as the cursor hovers over the rows presented to the user.
It would be good if the row, row hover and row selected presentation could be defined independently and the inclusion of automatically generated CSS classes at runtime controlled in some way.
Cheers, James.
Using: Infragistics v8.1