I've put a WebDropDown inside a panel which has the ModalPopupExtender on it and bound the drop down to an array. When I view the page, I can't get the dropdown to dropdown. Pressing the up and down arrows does scroll through the list of options, but clicking the down arrow does not cause the dropdown list to show. Thanks for any ideas.
Hi,
you can try setting the DropDownContainerHeight property to some fixed value, like 200px , although in general it should work well without it. Please let me know if this works for your scenario. Also , there is the EnableDropDownAsChild property (taking true / false values) , which controls whether the dropdown container element will be a direct first child of the source element - in the DOM ; or will be detached from it, absolutely positioned and its position calculated as soon as the container is about to be opened.
Any other feedback you may have for the WebDropDown component is welcome - Does it suit your needs? If you feel specific features could be improved, modified, or added, please let us know.
Thanks very much,
Angel
Neither of the options you listed made a difference. I did create a test page a dropped the webpulldown on it and it worked ok, so I think the issue is the pulldown being in a modal popup panel.
With EnableDropDownAsChild set to False, when I clicked on the pulldown arrow, the scrollbars for the screen showed but I couldn't find the actual pulldown items.
I should also mention that a WebCombo works fine, but I was hoping to replace it with the WebPullDown.
thanks
I have created a sample ASPX page, with the following contents, and the Dropdown seems to appear correctly:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Infragistics35.Web.v9.1, Version=9.1.20091.1009, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.Web.UI.ListControls" TagPrefix="ig" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server"></asp:ScriptManager>
<div>
<asp:Button ID="Button1" runat="server" Text="show popup" />
<asp:Panel runat="server" ID="WebDropDownPanel1" Width="400px" Height="400px" BackColor="Green">
<ig:WebDropDown ID="WebDropDown1" runat="server" Width="200px">
</ig:WebDropDown>
</asp:Panel>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Button1" PopupControlID="WebDropDownPanel1">
</cc1:ModalPopupExtender>
</div>
</form>
</body>
</html>
Below is part of the code from the page that is having the issue - there is a lot more markup on the page so it could be an interaction with some other control. Thanks for looking at it...
none">
>
="0">
="200px">
="btnSaveClose_Click"
/>
="btnSave"
="true"/>
all I had to do for my isse was to set
EnableDropDownAsChild="false"
Seems to work but now I think I'm having issues with the css files. I've upgraded from 2008.3 to 2009.1 and I think there might have been some css stuff that I need to merge between versions. Thanks for the help!
Hi rdorris,
You can use the same solution I have provided in my previous post about the zIndex. It also appears that in your scenario the dropdown is displayed behind the popup container. EnableDropDownAsChild should be also set to "false".
I am attaching a sample WebSite, where in Default.aspx i have used the code you provided along with my modifications.
Hope this helps. Thanks,