[How Do I:] Use the ASP.NET AJAX Popup Control Extender?http://asp.netWed, 31 Dec 2008 17:39:23 GMTumbracoComments for [How Do I:] Use the ASP.NET AJAX Popup Control Extender?enComment Posted by alejoromhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderWed, 12 Mar 2008 17:33:01 GMT00000000-0000-0000-00000000561Im having problems with AJAX update panels and accented words like á,é,í,ó,ú. AJAX update panel change them to another character.

Any help about that

]]>Comment Posted by JoeStagnerhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderSat, 15 Mar 2008 12:44:13 GMT00000000-0000-0000-00000000562Feel free to email me and we can look at your code.

]]>Comment Posted by jmsideshttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderSun, 16 Mar 2008 18:27:15 GMT00000000-0000-0000-00000000563Joe,

I am getting and error from your AJAX Control Modal Popup Extender Demo; Microsoft JScript runtime error: Object expected

<a rel="nofollow" target="_new" href="http://www.asp.net/learn/ajax-videos/video-84.aspx">www.asp.net/.../video-84.aspx</a>

I have try to get this to work in two different ways;

First my code as percieved from your demo -

----------------------------------------------------------- ----------------------------------------

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a rel="nofollow" target="_new" href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">">www.w3.org/.../xhtml11.dtd"></a>

<html xmlns="<a rel="nofollow" target="_new" href="http://www.w3.org/1999/xhtml">">www.w3.org/.../xhtml"></a>

<head runat="server">

   <link href="project.css" rel="stylesheet" type="text/css" />

   <title>Untitled Page</title>

   <script type="text/javascript">

      var styleToSelect;

      function onOk() {

      document.getElementById('Paragraph1').className = styleToSelect;

      }

      </script>

</head>

<body>

   <form id="form1" runat="server">

   <asp:ScriptManager ID="ScriptManager1" runat="server" />

   <div style="height: 411px">

       <br />

       <p id="Paragraph1">

           Now is the time for all good men to come to the aid of their country.

       <asp:LinkButton ID="LinkButton1" runat="server">Check to change the style</asp:LinkButton>

       <br />

       <asp:Panel ID="Panel1" runat="server"  Height="204px" Style="display: none" CssClass="modalPopup">  --Style="display: none "Width="233px"

           

               choose the style you like

           <input id="RadioA" type="radio" name="Radio" onclick="styleToSelect" />

           <label class="sampleStyleA" for="RadioA">

               "Choose this style."</label><br />

           <input id="RadioB" type="radio" name="Radio" onclick="styleToSelect" />

           <label class="sampleStyleB" for="RadioB">

               "Choose this style."</label><br />

           <input id="RadioC" type="radio" name="Radio" onclick="styleToSelect" />

           <label class="sampleStyleC" for="RadioC">

               "Choose this style."</label><br />

           <input id="RadioD" type="radio" name="Radio" onclick="styleToSelect" />

           <label class="sampleStyleD" for="RadioD">

               "Choose this style."</label><br />

               <br />

           <div align="center">

           <asp:Button ID="okButton" runat="server" Text="OK" />

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

           </div>      

           <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"

               TargetControlID="LinkButton1" PopupControlID="Panel1"

               BackgroundCssClass="modalbackground" CancelControlID="cancelButton"

               DropShadow="True" OkControlID="okButton" onokscript="onOK()">

           </cc1:ModalPopupExtender>

       </asp:Panel>

   </div>

   </form>

</body>

</html>

------css code------------------------------------------------------- ----------------------------------------------------------- ------------------

div#DIV1

{

position: relative;

float: right;

background: yellow;

padding: 1px;

}

.asplinkbutton

{

background-color: green;

}

.watermark

{

background: #FFAAFF;

}

.popupControl{

border: 2px solid Black;

background-color: #AAD4FF;

position:absolute;

visibility:hidden;

border-color:Black;

border-width:2px;

}

.modalPopup

{

background-color:#ffffdd;

border-width:3px;

border-style:solid;

border-color:Gray;

padding:3px;

width:250px;

}

.sampleStyleA

{

background-color:#FFF;

}

.sampleStyleB

{

background-color:#FFF;

font-family:Monospace;

font-size:10pt;

font-style:italic;

font-weight:bold;

}

.sampleStyleC

{

background-color:#ddffdd;

font-family:sans-serif;

font-size:10pt;

font-style:italic;

}

.sampleStyleD

{

background-color:blue;

color:white;

font-family:Arial;

font-size:10pt;

}

.modalBackGround

{

background-color:Gray;

filter:alpha(opacity=70);

opacity:0.7;

}

----------------------------------------------------------- ----------------------------------------------------------- ----------------------------

When I could not get my code to work I copy/past'd Jonathan Shen's post into a new ajax web site (download from your demo site is a diffent project).

<a rel="nofollow" target="_new" href="http://forums.asp.net/p/1122791/1762667.aspx">forums.asp.net/.../1762667.aspx</a>

This code gives me the same error; Microsoft JScript runtime error: Object expected

I did need to make two changes to the code;

Johan's code looks like ---------------------------------------  

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton1"

                 PopupControlID="PanelContainer" BackgroundCssClass="modalBackground" DropShadow="true"

                  OkControlID="OkButton" OnOkScript="onOk()" CancelControlID="CancelButton"  />

My code in the new project looks like -----------------------------------------

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"

TargetControlID="LinkButton1" PopupControlID="Panel1"

BackgroundCssClass="modalbackground" CancelControlID="cancelButton"

DropShadow="True" OkControlID="okButton" onokscript="onOK()">

</cc1:ModalPopupExtender>

I do love your viedo's.  Please keep'm coming.

Thanks

]]>Comment Posted by salman_sulaiman_1979http://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderSun, 20 Apr 2008 04:01:55 GMT00000000-0000-0000-00000000564Greetings Joe!

this is a great demo, I am going to give it a try, I am downloading the video now. To be able to have popups in a web application is really fantastic!

Mainly, I would need a popup after I excute a certain server side code, and then return  the results for the user in case of an error in a popup.

There is something else I wonder if it can be done with Ajax, or maybe SilverLight SDK which I haven't had a look at, It is when the whole web pages gets shaded out and then once the user clicks on the popup message, then the page goes back to normal state and becomes accessable. I tried to look for any demos for that on the Ajax videos page, but couldn't find anything for shading the page.

~salman~

]]>Comment Posted by salman_sulaiman_1979http://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderSun, 20 Apr 2008 04:38:20 GMT00000000-0000-0000-00000000566Dear Joe,

I have been trying to find a way to control the popup from my server side code, what I need to do is display the popup based on a certain condition, so far  the popup panel will come out whenever I click the submit button.

any suggestions Joe?

thanks mate!

~salman~

]]>Comment Posted by anil.rayapudi@pbsystems.comhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderThu, 15 May 2008 01:37:18 GMT00000000-0000-0000-00000000567How to use the popup extender dynamically in our web page  i want to keep popupextender as a tooltip for the grid.

]]>Comment Posted by jirizarryhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderTue, 20 May 2008 10:13:46 GMT00000000-0000-0000-00000000568I am using the pop control extender in a masterpage file in a vb.net web application.  The popup control extender works fine in all pages except in a page I have for viewing reports which uses a Crystal Report Viewer.

In this particular page, the pop control extender does not work.  I am not able to see the popups when I click the corresponding links.

Is there a reason for this?  Does it have a fix or is it just that they do not work together?

Thanks,

Jamie

]]>Comment Posted by alexdinuhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderTue, 03 Jun 2008 09:54:57 GMT00000000-0000-0000-00000000569Thanks for the video. I was wondering if there is a way to display the panel by different events like mouseover.

Thanks

Alex

]]>Comment Posted by MarkRobinsonhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderFri, 04 Jul 2008 00:29:24 GMT00000000-0000-0000-00000000570wondering if graphis could also be displayed

]]>Comment Posted by blackoutslohttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderThu, 17 Jul 2008 13:35:01 GMT00000000-0000-0000-00000000571I downloaded the code and ran it on winsows vista with iis, and it works like the example withouth ajax..when I click on the button all three labels refresh

]]>Comment Posted by higanesh2003http://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderFri, 18 Jul 2008 06:43:55 GMT00000000-0000-0000-00000000572I am getting an error called cannot assign to '[string]'..

I am using C# and i followed your video

]]>Comment Posted by cv_vikramhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderWed, 06 Aug 2008 13:27:44 GMT00000000-0000-0000-00000000573It is simple and good....

]]>Comment Posted by sonalbagdiyahttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderWed, 06 Aug 2008 19:08:35 GMT00000000-0000-0000-00000000574its nice video

]]>Comment Posted by BrickellCoderhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderSat, 09 Aug 2008 22:30:14 GMT00000000-0000-0000-00000000575I'm having problems with the popupcontrolextender when I use the < and > characters as part of the value inside the textbox. If I take those characters out, it works fine.

Here's the ASP code:

----------------------------------------------------

<asp:TextBox ID="emailToTextBox" runat="server" Width="800"></asp:TextBox>

   <asp:Panel ID="Panel1" runat="server" CssClass="popupControl">

       <asp:UpdatePanel ID="UpdatePanel1" runat="server">

           <ContentTemplate>

               <asp:CheckBoxList ID="CheckBoxList1" runat="server">

                   <asp:ListItem Text="Email1" Value="'First Last' <email1@microsoft.com>"></asp:ListItem>

                   <asp:ListItem Text="Email2" Value="'First Last' <email2@microsoft.com>"></asp:ListItem>

               </asp:CheckBoxList>

               <asp:Button ID="Button3" runat="server" Text="Button" UseSubmitBehavior="false" />

           </ContentTemplate>

       </asp:UpdatePanel>

   </asp:Panel>

   <ajaxToolkit:PopupControlExtender ID="PopupControlExtender1" runat="server" TargetControlID="emailToTextBox"

       PopupControlID="Panel1" CommitProperty="value" CommitScript="" Position="Bottom">

   </ajaxToolkit:PopupControlExtender>  

Here's the VB code

-----------------------------------------------------

   Function getlistselections(ByVal emailList As CheckBoxList) As String

       Dim result As String = ""

       For Each lst As ListItem In emailList.Items

           If lst.Selected AndAlso lst.Value.ToString <> "" Then

               result = result + lst.Value.ToString + ","

           End If

       Next

       getlistselections = result

   End Function

   Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button3.Click

       Dim selections As String = GetListSelections(CheckBoxList1)

       If Not (String.IsNullOrEmpty(selections)) Then

           PopupControlExtender.GetProxyForCurrentPopup(Me.Page).Commi t(selections)

       Else

           PopupControlExtender1.Cancel()

       End If

       CheckBoxList1.ClearSelection()

   End Sub

]]>Comment Posted by dead_zone2006http://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderSun, 10 Aug 2008 08:53:45 GMT00000000-0000-0000-00000000576i want ot ask something if i have text and value for RadioButtonList and i want to get the value that user selected in variable and use it in vb code

]]>Comment Posted by grin93http://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderWed, 13 Aug 2008 20:18:27 GMT00000000-0000-0000-00000000577Thank for great demos It helps a lot.

But for some reason on one of my computers I have no audio.

What should I do to fix it? I am using Media Player 11 on Windows XP on both machines.  One has audio of demos working

fine another one is silent.

Thanks again

]]>Comment Posted by adeel2083http://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderThu, 25 Sep 2008 02:34:21 GMT00000000-0000-0000-00000000578Hi

I m very new to web application. I use your demo to make a popup application.

I have a question

I have a textbox and an OK button when user click the ok button the value in the textbox will store in a variable.

u can mail answer on adeel2083@yahoo.com

]]>Comment Posted by printmakerhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderSat, 11 Oct 2008 08:51:31 GMT00000000-0000-0000-00000000579Thank you for the popup control extender demo. However, can you use the control for Gridviews, listviews, etc. in Visual Studio 2008; is there code for that?

]]>Comment Posted by KuntalShahhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderFri, 24 Oct 2008 01:05:48 GMT00000000-0000-0000-00000000580Thats a very good example. But my requirements are something different. I have been trying to find a way to control the popup from my server side code. What I need to do is display the popup with Yes/No buttons based on a certain condition and executes the remaining code based on the Yes/No button clicked. I went through your code, but this didn’t helped much since it only shows popup when I click the submit button on my asp page.Can you share some thoughts on this.

]]>Comment Posted by SwooshMojohttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderThu, 06 Nov 2008 18:43:02 GMT00000000-0000-0000-00000000581KuntalShah I believe I have an answer to your comment.

First, Make a dummy button to use for the okControlId. In this button set the style ="display :none"

Next, Add another button. In this button do your logic in the code behind and afterwards set your extender.show()

This will allow you to condition the popup extender.

Also, you can hide your extender like this extender.hide()

Here is an example:

HTML

<asp:Button id ="btnTestNew" runat ="server" Text ="OKFAKE" style="display :none"  />

<asp:Button id ="btnTest" runat ="server" Text ="OKREAL"/>

CODE

Protected Sub btnTest_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnTest.Click

       Dim test As String

       test = "WHOOPIE IT WORKED"

       Me.ModalPopupExtender1.Show()

   End Sub

]]>Comment Posted by dmurphy7299http://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderMon, 01 Dec 2008 13:34:28 GMT00000000-0000-0000-00000000582Great Demos!  I'm using the popup extender control in a gridview.  I have an image in each row that displays a panel on mouseover.  It works fine until I try to use it on a user control.  I think it's failing on the javascript Find method.  It can't find the control using the behaviorID that I set for the image control.  Do you know how I can get around this?

]]>Comment Posted by amitranjanhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderFri, 05 Dec 2008 03:50:03 GMT00000000-0000-0000-00000000583can i open any existing page in popup extender....???

]]>Comment Posted by djibril_chimere_DIAWhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderTue, 30 Dec 2008 03:19:54 GMT00000000-0000-0000-00000000584Thanks! Jërëjëf!

]]>Comment Posted by panandhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderWed, 31 Dec 2008 16:29:10 GMT00000000-0000-0000-00000000585Hi Joe,

This is a great Demo! Unfortunately the PopUpExtender fails to pass the value to the text box when the RadioButtonList is dynamically built from a database source.

I compared the source code of the pages, but I do not see any noticeable differences between this example and the one that I created.

When I debugged the code, SelectedValue returned empty. And when I tried to use SelectedItem.Value instead and the application threw an exception.

I disabled the database code and hard-coded the radiobutton list and the app worked!!!

Any help is appreciated.

thanks,

Andy

]]>Comment Posted by panandhttp://asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-popup-control-extenderWed, 31 Dec 2008 17:39:23 GMT00000000-0000-0000-00000000586Hi again Joe,

I figured 2 ways out.

I forgot to close the DataReader using the Close() method.

But, the one below was something that I tried first.

I explicitly iterate thro' the DataReader Object and added ListItem Objects to the RadioButtonList control.

In Short, I replaced this code:

makeReader = sqlCmd.ExecuteReader()

rblMake.DataSource = makeReader

rblMake.DataBind()

With this:

Try

While makeReader.Read()

Dim tempMake As String, tempMakeID As Integer

tempMakeID = CInt(makeReader("MakeID"))

tempMake = CStr(makeReader("MakeName"))

Dim lstItem As New ListItem

lstItem.Text = tempMake

lstItem.Value = tempMakeID

rblMake.Items.Add(lstItem)

End While

Catch ex As Exception

Finally

makeReader.Close()

End Try

The application works using either of the 2 fixes.

Thanks!

-Shanthanu

]]>