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
660
WebDateChooser popup behind webdialog with ie9
posted

Testing in IE9 on win7-32 bit, the webdatechooser popup shows up behind the webdialog where it is located.  The same code works fine on IE6 thru IE8, Firefox, Chrome, and Safari.  I am using Infragistics35.WebUI.WebDateChooser.v10.2, Version=10.2.20102.1011.  Is this a known issue and is there a workaround?

thanks,
_matt_

Parents Reply
  • 660
    posted in reply to [Infragistics] Bhadresh Patel

    Hello Bhadresh,

      I used your markup and there was no issue and Compatibility View had no affect.  I ripped just the important bits from my major application in production and the pop-up hidden issue was still there.  Below is my test markup.  I had to add the Z-index setting on the date chooser since the calender did not show up on an earlier version of the app with earlier IG dlls, versions of IE, and versions of IIS.  Unless this was a known bug which has been fixed in the V10.3 for .net3.5 and .net4.0, I would prefer not to have to test all of the permutations of browsers and IIS again after removing the Z-index and then find it breaks in another configuration.  On a separate thread, I posted a request to reverse the order on the year drop down which is a higher priority for me at the moment.

    <%@ Page Language="C#" AutoEventWireup="false" CodeBehind="Test.aspx.cs"
        Inherits="X.XX.Test" EnableViewState="False" %>

    <!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>
        <script language="javascript" type="text/javascript">
            function Button1_onclick() {
                var Dialog = $find("WebDialogWindow1");
                Dialog.show();
            }
      function Button2_onclick() {
                var Dialog = $find("WDW1");
                Dialog.show();
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ig:WebScriptManager ID="WebScriptManager1" runat="server">
        </ig:WebScriptManager>
           <ig:WebDialogWindow ID="WebDialogWindow1" runat="server" Height="336px" WindowState="Hidden" InitialLocation="Centered"
            Width="438px">
            <ContentPane>
                <Template>
                <div id="main">
                    <div style="float:left">
                        <ig:WebDatePicker ID="WebDatePicker1" runat="server">
                        </ig:WebDatePicker>
                    </div>
                    <div style="float:left; margin-left:20px">
                        <igsch:WebDateChooser ID="WebDateChooser1" runat="server">
                        </igsch:WebDateChooser>
                    </div>
                    <div style="clear:left"></div>
                </div>
                </Template>
            </ContentPane>
        </ig:WebDialogWindow>
     

       <ig:WebDialogWindow runat="server" ID="WDW1" Modal="True" EnableViewState="False"
            Height="330px" Width="660px" InitialLocation="Centered" WindowState="Hidden">
            <Header CaptionText="Options">
                <MaximizeBox AltText="Maximize"></MaximizeBox>
                <MinimizeBox AltText="Minimize"></MinimizeBox>
                <CloseBox Visible="False" />
            </Header>
            <ContentPane>
                <Template>
                    <table style="height: 100%; width: 100%;" cellspacing="0" cellpadding="0">
                        <tr>
                            <td>
                                <table width="100%">
                                    <tr>
                                   
                                    </tr>
                                    <tr>
                                    
                                        <td>
                                            <asp:Label runat="server" ID="labelFrom" Text="From date:" />
                                            <br />
                                            <igsch:WebDateChooser ID="WDTC1" Style="z-index: 101" runat="server" Width="120px"
                                                NullDateLabel=" " Height="19px" MinDate="1990-01-01" MaxDate='2100-01-01' Format="Short">
                                            </igsch:WebDateChooser>
                                            <br />
                                            <asp:Label runat="server" ID="labelThrough" Text="Through date:" />
                                            <br />
                                            <igsch:WebDateChooser ID="WDTC2" Style="z-index: 101" runat="server" Width="120px"
                                                NullDateLabel=" " Height="19px" MinDate="1990-01-01" MaxDate='2100-01-01' Format="Short">
                                            </igsch:WebDateChooser>
                                        </td>
                                        <td>
                                       
                                        </td>
                                    </tr>
                                    <tr>
                  
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr style="vertical-align: bottom">
                      
                        </tr>
                    </table>
                </Template>
            </ContentPane>
        </ig:WebDialogWindow>
      </form>
        <p>
            <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" /></p>
       <p>
            <input id="Button2" type="button" value="button bad" onclick="return Button2_onclick()" /></p>
    </body>


    </html>

    thanks,

    Matt

Children