WebDateChooser popup behind webdialog with ie9

660

matt_dmaxx posted over 13 years ago

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

2677

[Infragistics] Steve Osterberg posted over 13 years ago

Hey Matt,

I have created a case for you with our developer support staff. CAS-58063-Z7RV62. They will be contacting you shortly with any new news.
Cancel
Reply

Verify Answer

Cancel
8736

[Infragistics] Bhadresh Patel posted over 13 years ago in reply to [Infragistics] Steve Osterberg

Hello Matt,

I was able to see the calendar when drop down button on WebDateChooser is clciked on WebDialogWindow. Here is the mark up of control with JavaScript.

<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript">
        function Button1_onclick() {
            var Dialog = $find("WebDialogWindow1");
            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>
    </form>
    <p>
        <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" /></p>
</body>

I have tested the sample using Windows 7 and version the 10.2.20102.1011 of Net Advantage for .NET’s toolset, Visual Studio 2010, C#,IE 9. If your environment is different than mine let me know. You can also send me mark of the page with relevant depencies soI may investigate this further.

Thanks,

Bhadresh
Cancel
Reply

Verify Answer

Cancel
660

Verified Answer
matt_dmaxx posted over 13 years ago in reply to [Infragistics] Bhadresh Patel

Hi Bhadresh,

Thanks for investigating. I was able to duplicate my original issue but then switched the IE browser to Compatibility View on and the issue went away. To date, this is the only combination I need to use Compatibility View.

Matt
Cancel
Reply

Reject Answer

Cancel

Reply

8736

[Infragistics] Bhadresh Patel posted over 13 years ago in reply to matt_dmaxx

Hello Matt,

Were you able to duplicate the issue on IE 9 using the mark up and JavaScript I have provided? Update me with screenshot of the behavior so I may investigate this further.

Thanks,

Bhadresh
Cancel
Reply

Verify Answer

Cancel

Children

5

Markus posted over 13 years ago in reply to [Infragistics] Tsvetelina Georgieva

Hallo,

Problem occurs, when Modal="true" on WebDialogWindow.

Markus
Cancel
Reply

Verify Answer

Cancel
19693

[Infragistics] Tsvetelina Georgieva posted over 13 years ago in reply to matt_dmaxx

Hello Matt,

I tested your sample code snippet with the last service release of 10.3 verion using Internet Explorer 8

and it is working fine without adding Z-index of the WebDateChooser.

I am sure that the scenario will be tested and verified in IE9 as soon as we officially support it :

http://es.infragistics.com/support/supported-environments.aspx#SupportedEnvironments

Let us know if you need further assistance regarding this.
Cancel
Reply

Verify Answer

Cancel
660

matt_dmaxx posted over 13 years ago 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
Cancel
Reply

Verify Answer

Cancel