Could Some One help:
I am using the infragistic's webdropdown in my asp.net web site, where they are contained in several div's that are positioned via css. ie: I have the div's style="position: absolute; top: npx; left: npx;" etc. There are three div's fairly close together with that type off css. Then within the div I have a standard html table and within the <td> I have placed the webdropdown. The problem I have incurred is after I published the web site to the web server, I noticed that the drop down list in the controls are appearing transparent. This can be reproduced when running the web site via Visual Studio 2010 and then setting Internet Explorer in Compatibility Mode. The controls look fine in VS 2010 when the browser mode is set to Internet Explorer 9.
Here is the source for one of the webdropdowns that I'm having the problem with.
<td colspan="2"> <ig:WebDropDown ID="ddlSalesRep" Width="120px" runat="server" MultipleSelectionType="Keyboard" DropDownContainerWidth="200px" TabIndex="9"> </ig:WebDropDown></td>
I have attached an image of what the webdropdown looks like when it fails.
If anyone could help with this I would really appreciate it.
Thanks
Dave.
I forgot to mention this is the version of Infragistic's ASP.NET controls that I'm using.
<%@ Register Assembly="Infragistics4.Web.v10.3, Version=10.3.20103.2164, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.ListControls" TagPrefix="ig" %>
For anyone who has this issue in the future. The problem seems to be from placing an infragistic's webdropdown control on an element that is positioned using CSS and absolute positioning. After googling this issue I found the solution. Simply set
EnableDropDownAsChild="false" Dave.
I'm having the same transparency issue, however setting the
EnableDropDownAsChild =false;
Does NOT resolve the problem.
I'm running IE 9.02, and I'm dynamically creating and populating the WebDropDown. Here is the block of code that creates and populates the dropdown:
if (fieldvaluelist != null && fieldvaluelist.Count > 0)
{
ScriptManager sm = new ScriptManager();
tc.Controls.Add(sm);
WebDropDown statuslist = new WebDropDown();
statuslist.ID = filtername;
statuslist.EnableMultipleSelection =true;
statuslist.MultipleSelectionType = DropDownMultipleSelectionType.Checkbox;
statuslist.BackColor = Color.White;
statuslist.DropDownContainerWidth = 250;
statuslist.EnableDropDownAsChild =false;
statuslist.EnableClosingDropDownOnSelect = false;
statuslist.DisplayMode = DropDownDisplayMode.DropDownList;
statuslist.ViewStateMode = System.Web.UI.ViewStateMode.Inherit;
statuslist.Visible = true;
foreach (XmlNode nd in fieldvaluelist)
string itemName = nd.Attributes["value"].Value;
string itemCode = nd.Attributes["key"].Value;
Infragistics.Web.UI.ListControls.DropDownItem ddi = new DropDownItem(itemName, itemCode);
statuslist.Items.Add(ddi);
}
//----------------------
Found the solution... In the CSS file, control the background color of the list container with the following:
.igdd_DropDownListContainer{ background-color:White;}