ASP.NET - Ajax Modal popup not showing in IE8 - Asked By Krishna T on 03-Jul-12 05:29 AM

Hi,

Ajax modal popup not working in Internet Explorer8 while it is working properly in FireFox?

See the following Diagrams!
In Internet Explorer is as Follows?


In firefox is as Following?

Hi,
I am trying to open ajax modal popup in IE8 but its not opening.
please let me know any suugestion.



Thanks,
Rajender

HI Rajendra,

Try Jquery Modal Popup, I have posted article about this, follow this-

http://steptodotnet.blogspot.in/2011/12/jquery-popup-window-in-aspnet.html

Hi jitendra,
Thanks For your replay.
Actually my problem is i already installed my application in Client location now i can not use jquery modal popup insted of Ajax.
It would be great if you send any suggestion related to Ajax popup.


Thanks
Rajender

It may be possible that it is because of Popup blocker.  Check is popup blocker is on in your browser.

could you please share me the code.

<act:ModalPopupExtender ID="mpeObservation" runat="server" PopupControlID="pnlObservation"

BackgroundCssClass="fade" DropShadow="false" TargetControlID="hdnObserv" CancelControlID="imgcloseobsrv"

OkControlID="btnObservCncl" />

<asp:HiddenField ID="hdnObserv" runat="server" />

<asp:Panel ID="pnlObservation" runat="server" Style="display: none; width: 800px;">

<div style="float: right">

<a style="position: absolute; right: 10px; top: 1px;">

<img id="imgcloseobsrv" alt="Close Window" runat="server" src="~/Images/close_icon.png" />

</a>

</div>

<div class="containerSizepopup" style="background-color: #f2fbfe;">

<table width="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

<td style="padding-left: 10px; vertical-align: middle;">

<asp:Label ID="lblHeading" runat="server" Text="Observation" Font-Bold="true" ForeColor="Black"

Font-Size="Small"></asp:Label>

</td>

</tr>

<tr>

<td>

<asp:TextBox ID="txtpopObservation" runat="server" TextMode="MultiLine" Width="767px"

Height="200px" onkeydown="event.returnValue=obsCheck(event);" BorderColor="#5373A8"></asp:TextBox>

</td>

</tr>

<tr>

<td style="width: 100%">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<asp:Button ID="btnokObserv" runat="server" Text="Ok" OnClick="btnokObserv_Click" />

</td>

<td style="padding-left: 3px;">

<asp:Button ID="btnObservCncl" runat="server" Text="Cancel" />

</td>

</table>

</td>

</tr>

</table>

</div>

</asp:Panel>


Hi jitendra,
Am using above code for modal popup opening and i already checked popup blocker option in internet explorer it in correct format only.
Can you please help me to find this issue.



Thanks,
Rajender

Hi Rajendra,

I have checked you code-

For modalPopIp you have given targetcontrolid="hdnObserv"

Change this, and assign name of any Button, because ModalPopUP will be display when you will cleick on any button

like this-


 <asp:Button ID="Button1" runat="server" Text="Ok"  />

    <asp:ModalPopupExtender id="mpeObservation" runat="server" popupcontrolid="pnlObservation"
        backgroundcssclass="fade" dropshadow="false" targetcontrolid="Button1" cancelcontrolid="imgcloseobsrv"
        okcontrolid="btnObservCncl" />   
        
    <asp:HiddenField ID="hdnObserv" runat="server" />


TRy this and let me know.

Hi jitendra,
I tried this but it's not working.

Hi Rajendra,


I have done same and checked it is working in my system, I have also tested it IE 9 , it is working fine.

hi Jitendra,

Actually my requirement is when i am entering the text in the text box if the text length exceds more than 500 characters am opening the popup directly with Java Script it is working fine in the IE9 /IE10 but facing problem in IE8 my operating system is Windows Xp SP3.

Hi jitendra,
How Are you doing,

I have one problem  am opening web application in one tab and same url opening in another tab in this case how to disable the previous tab.

Thanks,
Rajender