Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
matt_dmaxx
660
WebDropDown does not drop when in WebDialogWindow started hidden
posted

Straight up simple WebDropDown located in a DialogWindow works when when DialogWindow started normal but not when started hidden,  There are some other goofy effects on the dialog window but I have found work arounds for all but this.  ASP.NET DropDownLists work fine but trying to use the IG controls.  Please help!

Simplified section of the page that demonstrates this issue: (what's up with your forum that it spaces out paste for Visual Studio ??)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<ig:WebDialogWindow runat="server" ID="WebDialogWindow2" Modal="true" InitialLocation

="Centered"

 

 

WindowState

="Hidden">

 

 

<Header CaptionText

="Options 23">

 

 

</Header

>

 

 

<ContentPane

>

 

 

<Template

>

 

 

<div

>

 

 

<table

>

 

 

<tr

>

 

 

<td

>

Output Format

 

<br

/>

 

 

<ig:WebDropDown runat="server" ID="WebDropDown12" Width="200px" DropDownContainerWidth

="200px"

 

 

DropDownContainerMaxHeight="200px" Height

="131px">

 

 

<Items

>

 

 

<ig:DropDownItem Text="PDF Document" Value="PDF" Selected="True"

/>

 

 

<ig:DropDownItem Text="Web Page" Value="HTML"

/>

 

 

<ig:DropDownItem Text="Word Document" Value="RTF"

/>

 

 

<ig:DropDownItem Text="Excel Spreadsheet" Value="Excel"

/>

 

 

<ig:DropDownItem Text="Excel (no headers)" Value="ExcelDetailsOnly"

/>

 

 

<ig:DropDownItem Text="Fax Document (tif file)" Value="TIF"

/>

 

 

<ig:DropDownItem Text="Notepad (txt file)" Value="Text"

/>

 

 

<ig:DropDownItem Text="Raw Data (csv file)" Value="CSV"

/>

 

 

</Items

>

 

 

<Button ImageUrl="add_up.gif"

/>

 

 

</ig:WebDropDown

>

 

 

</td

>

 

 

</tr

>

 

 

</table

>

 

 

</div

>

 

 

</Template

>

 

 

</ContentPane

>

  • 660
    Verified Answer
    posted

    Yes, it was the Z-order issue and you can see with the right background.

    EnableDropDownAsChild=false and adding <ClientEvents Initialize="initDropDown" /> to the control and then

    adding the following to the script

     

     function initDropDown(sender,args)

          {

            sender.behavior.set_zIndex(200000);

          }

    resolved the issue.  Thanks

  • 24671
    Verified Answer
    posted

    Hi,

    You can have a look at the following thread:

    http://forums.infragistics.com/forums/p/23845/88164.aspx

    To sum up - the issue is that WebDialogWindow puts a very big zIndex so that it always appears on top, therefore in order for the dropdown container to appear on top of the dialog window, its z-index must be higher. 

    Hope it helps,

    Angel