To reproduce this issue: I have a WebDialogWindow within a WebDialogWindow... or a smaller popup within a popup. I've tried many things to correct the issue. But nothing seems to work. I do want to use your WebDropDown control. The issue is that the 'Drop Arrow' will render about 25px above the control. In the correct horizontal place, but not correct vertically. However if I drag the mouse over to the control - magically it will go back into place... walla!
Notes: 1) This only affects Internet Explorer. Well I've tested FireFox2) I prefer to use Client-InputMouseDown="open" - But that item does require some JavaScript include. The problem will persist whether you use it or not.3) Originally starting the smaller popup in 'Hidden' mode and then switching programatticaly to 'Normal' resulted in the issue. After some testing and some switching around. In my current code state. It doesn't matter if I start the 2nd popup in 'Normal' mode or not. Both have the same result They are flawed.4) I tried putting the webdropdown in its own Table. I tried putting it in a <div> tag. And a few other things. Nothing worked.
Here is the aspx code for the smaller popup:
<ig:WebDialogWindow ID="PrintView" runat="server" Height="185px" Width="450px"
InitialLocation="Centered"
Modal="True">
<ContentPane>
<Template>
<span style="font-size:large">Reprint Prescription Label</span>
<br /><br />
<table>
<tr>
<td>Printer: </td>
<td width="300px">
<ig:WebDropDown ID="wddPrinter" runat="server" Width="185px" ClientEvents-InputMouseDown="open" DisplayMode="DropDownList">
</ig:WebDropDown>
</td>
</tr>
<td>Number of Labels: </td>
<td><ig:WebNumericEditor ID="wneLables" runat="server" DataMode="Int"
MaxDecimalPlaces="0" MaxValue="25" MinValue="1" Nullable="False"
Width="50px">
</ig:WebNumericEditor>
<td> </td>
<td>
<asp:Button ID="btReprint" runat="server" Text="Reprint" />
</table>
</Template>
</ContentPane>
</ig:WebDialogWindow>
Hello mccreadiegroup,
you are not mentioned what is your browser version and build number. I have tested this in IE 9 and cannot reproduce the problem.
Actually just thought of something... In looking at the pictures: Comparing your picture to mine. Why is yours have a blue style? It might make a difference on how or if this works.
Robert Koernke
- Edit Tried putting some different styles on the WebDropDown. It didn't help...
Hello Robert,
In previous post I used the default styles. I changed my current theme to Windows 7 and it look like this:
I'm using IE9 and Net Advantage 11.1.20111.2064. Is it possible to have other styles that may override these. Are you upgrading from previous version? If so then create a new website drag any control from the toolbox and change it's theme to Windows 7 . A new ig_res folder will be generated. Replace your current ig_res folder with the new one.
I figured out how to create a new Site, and have it 'import Styles'. However when it imports the new igdd_DropDownButton.png for the Windows7 style. It is a Silver button not a bluish button. But I still no longer think this has anything to do with the original rendering issue. I bet I can make this image whatever I want, and IE will put that image 25 to 30 pixels above the dropdown bar.
This question has gotten off track! The problem remains for the situation of our website. The droparrow renders above the bar.
Robert,
I wasn't change the WebDropDown style to Windows7. After I did it the result was the same. I'm attaching my sample here. The Windows 7 styles are included in the sample. Please test it and let me know if I have missed something.
Thanks
I have created suppot ticket: CAS-77064-V12QQD. We will continue our dicussion through the support ticket.