Search results matching tag 'ModalPopupExtender'

Help installing/using AJAX Toolkit & Modal Popup

gheinrich — Fri, 04 Dec 2009 05:00:00 GMT

Hello,

I'm trying to get the AJAX tollkit up and running on a web app I have. We just upgraded it from VS2003 to VS2008 about 3 months ago and now I want to add some AJAX components to it from the toolkit. I can't seem to get the Modal Popup to work. I downloaded the toolkit files, but am not quite sure how to "install" them. I added the components to my VS2008 toolkit...but I don't think they're working properly.

For example, the modal popup panel never disappears...it's visible all the time. I followed the steps in teh tutorials word-for-word, but still doesn't work.

Here's what I know:

1. The page @Register tag for the ToolKit is being added to the page...

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit" %>

2. I add a scriptmanager to the page.

3. When I try to drag a ModalPopupExtender to the page it won't let me...I have to write it out by hand in the source for the page

Otherwise the page works fine.

Thanks, George

p.s. I already changed the compatibility setting in the web.config file and have basic AJAX update panels running on other pages...so I don't hink it's AJAX in general.

Problem with Seadragon in a ModalPopupExtender

EBY — Fri, 20 Nov 2009 05:00:00 GMT

Hi,

I want to show a large image with SeaDragon.

If I use SeaDragon in my page, everything is fine. But if I try to include Seadragon in a ModalPopupExtender, the image is not displayed, but the SeaDragin controls are shown.

Is somenone can help me?

how and where use ScriptManager.RegisterPostBackControl ?

amit_chotiya — Thu, 19 Nov 2009 05:00:00 GMT

Hi,

I have a gridview (MyGridView1).

In the gridview in one column, I have a template field, that has a button (Browse Images).

I have kept a modalpopupextender outside the grid but inside the update panel.

This popup has a fileupload server control, a "Upload" button and a "Cancel" button.

Now, the problem is when I click the "Upload" button in the popup at runtime, the event of this "Upload" button is getting fired, but I am not getting the path (that I have selected in the FileUpload control).

I think, it's because of the async postback, so I tried few things ...

1. ScriptManager.RegisterPostBackControl Method

2. <asp:PostBackTrigger ControlID="modalpopupextender"/>

But, always getting one error message: Control with ID 'modalpopupextender' being registered through RegisterAsyncPostBackControl or RegisterPostBackControl must implement either INamingContainer, IPostBackDataHandler, or IPostBackEventHandler.

Don't know what to do ..

Issues with positioning ModalPopupExtender, Datalist and or Z-index

weedy — Thu, 12 Nov 2009 05:00:00 GMT

Hi all,

I have been scouring the web and these forums for a solution for the following problem.

I am having to position the popup accordingly for various user screen widths as I can't get the Z-index to work for the popup. So if anyone has Ideas for that please help.

The ModalPopupExtender positioning works fine if you are not using it within a Datalist in that I can position the popup programatically by grabing the users screen width with javascript. But since I am using a Datalist to create a gallery I need to either change the z-index or control the popup position from the code behind, neither of which I have had any luck with.

But when you use it in conjunction with a Datalist I am unable to access the ModalPopupExtender ID from the code behind to change the popup position.

Thanks in advance

Gehres

Making a Database entry from a dynamic modal/button.

Villanite — Tue, 10 Nov 2009 05:00:00 GMT

So I have a page that has a large amount of dynamic buttons on it. The buttons are assigned to a certain item, each one is Add Child Item, Delete Item, Edit Item.

Delete Item has been figured out by generating dynamic ModalPopup and ConfirmButton Extenders. That was simple enough.

Unfortunately, I need to have the ability to add a child item now. This is sort of a tree of items. I want to be able to click on the Add Child Item button and bring up a modal that asks for an Item Description and Item Type. Once they click Add, the child item is added to the database and the page refreshes (since I can't, under any circumstances get the update panels to work. But that's seperate issue.)

I have been able to get the code to work with Confirm Button and Modal Popup extenders, but the validation is ignored and if the values are not valid, nothing is entered and there is no message displayed for the user, making that solution very user un-friendly.

What I need now is a way to be able to save the CommandArguments of my dynamic buttons to be used in the addition of the records. This way, I can click the button, bring up the modal, enter my values, and click Add Item, then the program already knows what the parent item is (because I saved its ID from the CommandArgument) and the page refreshes to show the updated changes.

My dilema is... Is there any way to save the CommandArgument between the button click and the modal's pop up so that it can actually be used in my SQL statement?

modalpopupextender

sumitmca.84 — Mon, 05 Oct 2009 04:00:00 GMT

how to open a new page as a modalpopup with modalpopupextender

Errors when trying to use ModalPopupExtender

desertfoxaz — Tue, 22 Sep 2009 04:00:00 GMT

I'm trying to create a page that shows a list of thumbnail images, and next to each thumbnail there is a link button. When this link button is clicked, I want to display the full-size image in a modal popup. I'm using a repeater control to display the thumbnails and it is working fine.

In the repeater's ItemDataBound event handler, I'm setting the CommandName and CommandArgument for the link button, which will be unique for each RepeaterItem. I am able to extract the CommandName and CommandArgument just fine in the repeater's ItemCommand event handler, which gets executed when the link button for any of the images is clicked.

I have a panel containing the asp:Image control which will be used to display the full-size image. This panel is the ModalPopupExtender's PopupControlID. However, I've come across problems setting the ModalPopupExtender's TargetControlID to the repeater. The repeater is inside an UpdatePanel, and I had to put the ModalPopupExtender and the associated Panel control inside the same UpdatePanel because I was getting runtime errors saying they had to be in same update panel. Unfortunately, when I do this, I get a runtime error when the repeater is displayed:

"Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors. Parameter name: element". This appears to be happening in one of the Script Resource files, in the _validateParams function.

I'm binding my repeater to an array of FileInfo objects returned by the DirectoryInfo.GetFiles() method so basically I'm displaying the contents of an image directory on the page.

<asp:DropDownList ID="ddlImageType" runat="server" AutoPostBack="true" EnableViewState="true" OnSelectedIndexChanged="ddlImageType_SelectedIndexChanged" />
<asp:UpdatePanel ID="upLogos" runat="server" EnableViewState="true" RenderMode="Block" UpdateMode="Conditional">
  <ContentTemplate>
    <asp:Panel ID="pnlLogos" runat="server" EnableViewState="true" Visible="false">
      <asp:Repeater ID="rptLogos" runat="server" EnableViewState="true" OnItemCommand="rptLogos_ItemCommand" OnItemDataBound="rptLogos_ItemDataBound">
        <ItemTemplate>
          <div class="logoDisplay">
            <asp:Image ID="imgLogo" runat="server" AlternateText="Logo" EnableViewState="true" Height="100px" ImageAlign="Middle" Width="100px" /><br />
            <asp:Literal ID="litName" runat="server" EnableViewState="true" /><br />
            <asp:Literal ID="litSize" runat="server" EnableViewState="true" /><br />
            <asp:LinkButton ID="lbViewLogo" runat="server" CommandName="ViewLogo" EnableViewState="true" Text="View Logo" />
          </div>
        </ItemTemplate>
      </asp:Repeater>
      <br style="clear: both;" />
    </asp:Panel>
    <ajax:ModalPopupExtender ID="mpeViewLogo" runat="server" BackgroundCssClass="modalBackground" CancelControlID="btnClose" EnableViewState="false" PopupControlID="pnlViewLogo" TargetControlID="rptLogos" />
    <asp:Panel ID="pnlViewLogo" runat="server" EnableViewState="false" CssClass="modalDialog" Style="display: none;">
      <asp:Image ID="imgViewLogo" runat="server" EnableViewState="false" />
      <br />
      <br />
      <asp:Button ID="btnClose" runat="server" EnableViewState="false" Text="Close" />
    </asp:Panel>
  </ContentTemplate>
  <Triggers>
    <asp:AsyncPostBackTrigger ControlID="ddlImageType" EventName="SelectedIndexChanged" />
  </Triggers>
</asp:UpdatePanel>

protected void rptLogos_ItemCommand(object source, RepeaterCommandEventArgs e)
{
  if (e.CommandName == "ViewLogo")
  {
    string url = (string)e.CommandArgument;
    Image imgViewLogo = e.Item.FindControl("imgViewLogo") as Image;
				
    if (imgViewLogo != null)
      imgViewLogo.ImageUrl = url;
				
    mpeViewLogo.Show();
  }
}

protected void rptLogos_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
  RepeaterItem item = e.Item;
  ListItemType itemType = item.ItemType;
			
  if ((itemType == ListItemType.Item) || (itemType == ListItemType.AlternatingItem))
  {
    Image imgLogo = item.FindControl("imgLogo") as Image;
    Literal litName = item.FindControl("litName") as Literal;
    Literal litSize = item.FindControl("litSize") as Literal;
    HyperLink lnkLogo = item.FindControl("lnkLogo") as HyperLink;
    LinkButton lbViewLogo = item.FindControl("lbViewLogo") as LinkButton;
				
    string name = (string)DataBinder.Eval(item.DataItem, "Name");
    string url = string.Format("Logo.ashx?{0}={1}&{2}={3}", QueryStringArguments.Type, ddlImageType.SelectedValue, QueryStringArguments.Name, name);
    long length = (long)DataBinder.Eval(item.DataItem, "Length");
				
    if (imgLogo != null)
      imgLogo.ImageUrl = url;
				
    if (litName != null)
      litName.Text = name;
					
    if (litSize != null)
      litSize.Text = string.Format("({0} bytes)", length);
					
    if (lnkLogo != null)
      lnkLogo.NavigateUrl = url;
					
    if (lbViewLogo != null)
      lbViewLogo.CommandArgument = url;
  }
}

I don't know what I'm doing wrong here, but I need to find a way to dynamically set the URL of the image control in the panel associated with the ModalPopupExtender, based on the command argument assigned to the link button in the repeater.

Any help would be appreciated.

Change title of main window after returning from modal popup using modalpopupextender

barrywalt — Tue, 08 Sep 2009 04:00:00 GMT

I have my modalpopupextender working well. When complete, I want to change the title of the main window based on the user's activity in the popup. I know what code to use but not how to get control when the modal window closes.

Use 2 submit buttons in single modal popup

Pankaj.86 — Sun, 06 Sep 2009 04:00:00 GMT

Hi,

I am begineer to ajax. I have used one modal pop up on my master page, in which i use captcha user control in which i have one submit button named "Submit" and outside of that captcha control i have another button named "Join".

Now My problem is,

after entering the captch text in text box when i clicked on "submit" button , it closes the entire modal popup, instead of that i just need to close that captcha and need to stay in same modal popup for further work aand after it when i click on "Join" button then modal popup shoul get closed.

Please Help me on this....

Thanks & regards

Pankaj.86

Error using ModalPopupExtender with UpdatePanel

GregR — Thu, 27 Aug 2009 04:00:00 GMT

I'm trying to use a ModalPopupExtender with an UpdatePanel on it. If I just click the OK or Cancel button, it's fine. But if a control on the UpdatePanel does a postback and then I click OK or Cancel, I get this error:

Microsoft JScript runtime error: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.

A google search brings up various solutions for this, but none of them have worked for me. I had the controls working to together in VS2005/.Net 2.0, but I haven't been able to make this error go away since upgrading to VS2008/.Net 3.5 a week or so ago. Is this an issue with these controls, or have I just missed something here? Here is a simplified code sample that will reproduce the error message:

<asp:LinkButton ID="btnPopupTest" runat="server">Test ModalPopupExtender With UpdatePanel</asp:LinkButton>
<ajaxToolkit:ModalPopupExtender ID="popTest" runat="server" BackgroundCssClass="modalBackground" 
    CancelControlID="btnCancelTest" DropShadow="true" PopupControlID="panTest"
    PopupDragHandleControlID="panTestTitle" TargetControlID="btnPopupTest">
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="panTest" runat="server" Style="display: none" CssClass="modalPopup" Width="100%">
    <asp:Panel ID="panTestTitle" runat="server" 
        Style="cursor: move; background-color:#7FBA00; border:solid 1px Gray; color:Black">
        <div>
            <h2 style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; color: white;">
                Assessment Information</h2>
        </div>
    </asp:Panel>
    <asp:UpdatePanel ID="upTest" runat="server">
        <ContentTemplate>
            <p>
                <asp:Label ID="lblTestMsg" runat="server" Style="color:Red" 
                    Text="Clicking OK or Cancel works now."></asp:Label></p>
            <p>
                <asp:Button ID="btnTest" runat="server" Text="Make OK And Cancel Throw Error" /></p>
        </ContentTemplate>
    </asp:UpdatePanel>
    <p style="text-align: center">
        <asp:Button ID="btnOkTest" runat="server" Text="OK" UseSubmitBehavior="false" />
        <asp:Button ID="btnCancelTest" runat="server" Text="Cancel" UseSubmitBehavior="False" /></p>
</asp:Panel>

The only code behind this is the following:

Protected Sub btnTest_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnTest.Click
    lblTestMsg.Text = "Clicking OK or Cancel will throw an error now."
End Sub

I'd really appreciate any insight on getting the ModalPopupExtender and UpdatePanel to work together in VS2008 and .Net 3.5, as I've been pulling my hair out over this for several days now!

Thanks,
Greg