.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

ModalPopupExtender hides behind iFrame

Posted By:      Posted Date: September 10, 2010    Points: 0   Category :ASP.Net
I am working with .Net 2.0 using Visual Studio 2005 and the corresponding AjaxControlToolkit .  I have a master page with a ModalPopupExtender that appears some number of seconds before the browser session times out.  Everything works perfect, except for one condition.  One of the web pages has an iFrame used to display a PDF.  If the user is on this page and the modal popup is displayed, the modal popup hides behind the iFrame and the user cannot see it. I have seen a few posts regarding this issue, but no resolution.  Maybe the problem is fixed in .Net 3.5 and above, but I cannot migrate to the newer version just yet, so resolving the problem as it is would be awesome and much appreciated!   Thanks.

View Complete Post

More Related Resource Links

Reload IFrame+ModalPopUpExtender Content

Hi all, I have a small issue with ModalPopupExtender. It opens in an Iframe initially, and shows the page: add_contact.aspx After I have entered the contact details, the IFrame redirects to the contact_details.aspx page to show what I have loaded. The problem is when I close that modalpopup-window and click again to show the modalpopup, the iFrame shows the contact_details.aspx page, and not the add_contact.aspx page. Anyways, I can resolve this, without using modalPopup.show() in code behind? Thanks

ModalPopupExtender and IFrame problem


Here is my problem, please give your suggestion:

I have product list on parent page in grid view. When user click on insert new product button, the modal popup will display. Modal popup has <asp:panel>. In asp:panel, I have IFrame for AddProduct.aspx page.

1) I can add, modify or delete the product on modal popup(AddProduct.aspx) but when I close the popup window, I want the product list on parent page should be refresh. So we can see updated data.

2) Right now, I am using static IFrame src="AddProduct.aspx" but I want to pass the selected product ID from parent Grid view using query string like src="AddProduct.aspx?ProductID=20".

Please guide me how to do this?? Thank you.

using AJAX Calendar and ModalPopupExtender controls inside iFrame


Dear All,

I am facing serious issue in iFrame, I used aspx page as a parent page and inside this parent page added the iFrame to load all other aspx pages as content, all my other pages containing AJAX Calendar and Model popup controls, I have break down below the issues which I am facing:AJAX Calendar control:
Not at all displaying or binding into text box with the iFrame, but without iFrame it works fine, any solution?
AJAX ModalPopupExtender:
It is popping inside iFrame, after reading lot of comments from our other friends I moved to parent page, but how can I call the ModalPopupExtender control from the page which is inside iFrame?
Please assist me on above concern TOP URGENT basis.



JavaScript iframe resezing issue



I have an iframe that is supplied by another application, inside the iframe I have my .Net application. However, I am having sizing issues, where one minute that pages in the .Net fit the frame perfectly and the next minute they don't, with a vertical and horizontal scroll bars appearing. All the .Net Pages use a Master Page and I have also fixed the size of the pages, but with no luck. What I would was thinking if possible is to pass some javascript between the .Net application and the iframe which will make the pages and the iframe resize themselves. Has anyone done this before and have some code that I could use?

iframe and setfocus problem


I have a page with an iframe on it in which I load another page.
On this iframe page I have some textboxes above eachother.

When the first textbox is filled with a code the textchanged event is called 
and the code is checked with the database.
After the code has been changed to the right one (if needed) I want the 
focus to go to the next textbox.

So at the end of the event I do: Page.SetFocus(txtbox2)

But after the postback refresh, the focus is gone.
I have also put the control to be focussed in a session variable and then in the page_load event I set the focus to the control in the session variable, but still no focus on the textbox.
How can I put it on the 2nd textbox? 
all is done in the Iframe page codebehind.
I need this focus because the two textboxes are filled via bar code reader and after the scan an "enter press" is done automatically and to be able to allow two scans after each other this focus change is needed.

ModalPopupExtender animated gif not animating


Hi, I'm trying to use the modalPopup extender to show a "processing" message with an animated gif.  Everything works pretty well except that any animated gif I place in the modalextender doesn't animate.  Anyone know of this problem and a solution?


html for the popup div:

<div align="center" style="margin-top: 13px; vertical-align: middle; display: none"

class="modalPopup" id="modalPanel" runat="server">

<table border="0"

Do Post to Iframe in same page, and Password Field


Hi all,

I need do post of a form in my page to Iframe in the same page.

I set target in form tag.

<body onload="document.formuno.submit()">

                               <form name="formuno" method="post" action="http:\\externalCompany.WebForm.aspx" target="framename"  >

                                               <input type="hidden" name="prueba"  value="pruebatxt" runat="server">

<input type="hidden" name="prueba2"  value="pruebatxt" runat="server">

<input type="hidden" name="prueba3"  value="pruebatxt" runat="server">

<input type="hidden" name="password"  value="MY PASSWORD" runat="server">


IFrame onload event


The code below I am having problems with. I have a page with multiple views. When the 2nd view loads up I want an animated gif to appear untill the pages loads up in the iFrame.

In the onload event inside the iframe I try to call a javascript function. I get the following error when I try to call the javascript function:

'ASP.applications_onlinebillpay_payment_aspx' does not contain a definition for 'hideLoading' and no extension method 'hideLoading' accepting a first argument of type 'ASP.applications_onlinebillpay_payment_aspx' could be found (are you missing a using directive or an assembly reference?)

If I take out the runat="server" part it will work but I need to assign the src of the iframe in my c# code.

The code is:

<asp:View ID="View2" runat="server">
         <script type="text/javascript">
            function hideLoading() {

thickbox iframe



i facing scenario is that i want to call my page in thickbox using i frame  in server side code

below the code  i tried. i want to pass the my aspx page

protected void Button1_Click(object sender, EventArgs e)
      ShowDialog(this, "Security Question & Answer", 500, 300, "sampleContent");
      TextBox1.Text = "workingmaster";

public static void ShowDialog(Page page, string title, int width, int height, string divTag)
      string script = "$(document).ready(function() {tb_show('";

// i want to pass my aspx page here

      script += title + "', '#TB_iframe=true    height=" + height.ToString();
      script += "&amp;width=" + width.ToString();
      script += "&amp;inlineId=" + divTag + "', null);});";

      ScriptManager.RegisterStartupScript(page, page.GetType(), "", script, true);

determine the screen height within javascript and set a property on an iframe


I have a webform  that has a header and iframe,  what I need to do is on load detemine the users screen height and then  set the height on the iframe. Can someone explain  or show me an example of how to do this.

Thanks in advance.

Clicking button and view in iframe


When i place the button in the website and i click the button,it runs as a full page.But i ant the website to run in the iframe.How do i do that?Because i want to place many button for different uses so i need it to view in iframe instead of a full page

open Word document in iframe without open/ save dialouge

Hello All! In my application users upload their word document and user has been given an option to preivew the uploaded document. Inorder to  preview  the document  i put the following code in my page_load eventdiv1.InnerHtml = "<iframe name='iframe4' src='DocumentUuploaded/report.doc ' target='iframe4'  frameborder='no' height='500' scrolling='no' width='800'></iframe>";The problem is it is asking Do you want to open or save this file. How can i get rid of this dialouge box . Pls helpThanks in advance.

Work around cross scripting issue (iframe)

I want to know how I can get the button in the iframe to send the selected item in the dropdown box to a text box that is out side of the iframe. The setup is as follows This is the source of the Php page. The iframe receives the controls from the aspx page on another website. 2 separate websites. The asp.net site sends a dropdown box a label and a button to the page below (php page):<iframe id="hdnFrm" name="hdnFrm" src="" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="width:90%; height:50px"></iframe> <form action='http://www.link-exchangers.com/adv_links_addbycustomer.aspx' target='hdnFrm' method='post'> <table width=90% align=center cellpadding=2 cellspacing=0 border=0> <tr><td valign=top>Contact email: </td><td><input type=text name=web_email value="" style='width:250px'></td></tr> <tr><td valign=top>Web site title: </td><td><input type=text name=web_title value="" style='width:250px'></td></tr> <tr><td valign=top>Your url: </td><td><input type=text name=web_url value="http://" style='width:

AjaxToolkit:ComboBox not working in ModalPopupExtender

Hello,I have two nested modal popup. The ComboBox does not work as expected as you can see frome this screenshot. As you can see it misses:The list is not visible even if I think that is in the background. In fact the "SuggestAppend" works perfectly.The ComboBox arrow button is not visible. On zooming the green circle you can see that it shrinked to a size of 4x4 pixelsAdditional info: jquery is used for tabs & datePicker (in the first popup) and Buttons (always)EDIT: Forgot to include  the server side code. Here it is:<ajaxToolkit:ComboBox ID="dataPhoneType2" runat="server" DataSourceID="phoneTypeDS" DataValueField="PhoneTypeId" DataTextField="Description" AutoPostBack="False" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend" RenderMode="Inline" CaseSensitive="False"></ajaxToolkit:ComboBox>Is this a bug?Regards

Are ModalPopupExtender and AsyncFileUpload.OnClientUploadComplete incompatible?

A ModalPopupExtender works fine with a panel as the target control and the panel has an AsyncFileUpload control. However as soon as AsyncFileUpload.OnClientUploadComplete is set to something (e.g. onclientuploadcomplete="alert('hello');"),  the panel is not hidden on page load.Is there any compatibility issue here?

Javascript to pass var in iframe to parent form

Why doesn't this form work when the button is clicked? It is inside an iframe. I sent the controls to an iframe from  a different website. When I hover my mouse over the Resubmit button, I can see the correct url in my browser bar. (lower left) This is the same one as the save button. Does the fact that the Resbmit button is in an iframe create a problem?  Is this a security issue?   I was trying to use the Copy url to clipboard button to copy the selected url in the dropdown to the clipboard. Then the user could paste it into the Recipcocal url field in the form and click the Save button again. (see picture) The form is on the page with the iframe. The copy button doesn't work either.  <form name="ctl01" method="post" action="http://www.link-exchangers.com/adv_links_addbycustomer.aspx" id="ctl01" target="hdnFrm"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUaUXIyTcD6f05q0zIbv4QVbpto4s=" /> </div> <div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="//2DwKU+M6MDwK8m8+dCQKy8rjSBwLD+aWMBALcwYfHCALrp+eHDwKggI3ODAKvtqqBBgKjs8y4CAKqiLHeDgK34agCBNfAteTeI3XoiXVXjCs/J0yEnNM=" /> </div>

How to resize iframe when content loads..

I have an iframe on website A which receives the controls from website B once the form is processed on website B. Here is the page on website A with the iframe. I have hard coded the height at 100px:<iframe id="hdnFrm" name="hdnFrm" src="" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="width:90%;height:100px"></iframe> <form action='http://www.link-exchangers.com/adv_links_addber.aspx' target='hdnFrm' method='post' name='form1'> <table width=90% align=center cellpadding=2 cellspacing=0 border=0> <tr><td valign=top>Contact email: </td><td><input type=text name=web_email value="<?=$web_email;?>" style='width:250px'></td></tr> <tr><td valign=top>Reciprocal link: </td><td><input id=web_recip type=text name=web_recip value="<?=$web_recip;?>" style='width:250px'></td></tr> <tr><td colspan=2 align=center><input type=submit value="Save" style='width:100px'></td></tr> </table></form> Once the Save button is clicked, website B processes the data in this form, and sends messages and a
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend