I am using AJAX Modal Popup extender with Master Pages. Since the ID of the Modal Popup Extender changes due to Master Page I am not able to find it.
View 1 RepliesI have created list of thumbnail images in datalist and on clicking image i want to pass image name to Ajax control toolkit Modal Popup window which display bigger image.
View 2 RepliesWhen I click the button to open the modal popup it shows the popup but then continues and forces a postback causing the page to reload and the modal popup to be hidden again.Here is the markup for the control:
<asp:Button id="LoginOpenButton" runat="server" Text="Login"/>
<asp:Panel ID="ContentPanel" runat="server" CssClass="modalPopup">
<fieldset> [code]....
My script manager has no properties other than the id and runat set.
Modal Popup user control (its a message box) on top of a modal popup with javascript that maintains postback on a scrollable div all inside of an update panel causes my page to flash on postback of the user control. If any one of the peices (user control, modal popup, javascript) are missing everything works fine. The javascript is maintaing scrollback on a scrollable listview on the page. A modalpopup is shown on top of this main page that is for report parameters. The user control is used for validation and is displayed if a parameter is invalid. I know this may not be the best design, but it can't really change unless its a minor change. Heres the js if anyone wants to see popup or styles let me know.
//Begin methods to maintain or reset scroll position during postback.
var controlIds = [];
var scrollTops = [];
//Register a control to maintain its scroll position on postbacks.
function MaintainPostback(controlId) {
controlIds.push(controlId);
}
//Find the div/control id in the controlIds array and set its scroll position to 0.
function ResetControlScrollTop(controlId) {
var index = 0;
while (index < controlIds.length) {
if (controlId == controlIds[index]) {
scrollTops[index] = 0;
return;
}
index++;
}
}............
I am trying to get a modal popup inside a modal popup?, also i want to fire the modal popup on a condition in a text change event of a textbox?...is this possible and can anyone give me directon on this
View 5 RepliesI have an Ajax ModalPopupExtender on a page. To summarise. I have a link on a page, when I click the link the modal popup displays. On this modalpopup I've a textbox and an 'ok' and 'cancel' button. I wish to find out what was entered in the textbox when the button is clicked I try this but the value of ((TextBox)button1.Page.FindControl("theTitle")) is null.
if (((TextBox)button1.Page.FindControl("theTitle")).Text == "")
void okButton_Click(object sender, EventArgs e)
{
try
{
//if i try this tt does not compile//The name 'theTitle' does not exist in the current context//if(theTitle.Text == "")//{//}
Button button1 = (Button)sender;
//TextBox theTitle = ((ImageButton)(e.Item.FindControl("theTitle")));
if (((TextBox)button1.Page.FindControl("theTitle")).Text == "")
{
}
else
{
}
}
catch (Exception)
{
}
}
I am getting an error while calling a javascript from a dropdownlist which is placed inside a modal pop-up panel. if i am ebeding a small script like onchange="javascript:alert('hello');", it works fine. But if i m using <script> </script> for embeding a javascript its showing 'object doesn't support this property' error. when i debugged it the compiler does not get into the javascript function.
Below is a screenshot of that page.
I have problem when i use model popup extender under master page and update panel it not popup but if i use same code without master and update panel then it works.
My code is: (design part)
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate>
<div id="banner-wrapper"> <div class="container"> <div class="row"> <div class="12u">
<div id="banner" class="box"> <div> <div class="row"> <div class="7u" style="width:197px;">
[Code] ....
Code part:
protected void LnkTaskId_Click(object sender, EventArgs e) { LinkButton btndetails = (LinkButton)sender;
GridViewRow gvrow = (GridViewRow)btndetails.NamingContainer; LinkButton lnk = (LinkButton)gvrow.FindControl("LnkTaskId");
SqlCommand cmd1 = new SqlCommand(); cmd1.CommandText = "select Task_Desc from Task_Process where Task_Id='" + lnk.Text + "' and User_Id='" + Session["user_id"].ToString() + "'"; cmd1.Connection = con; SqlDataReader dr2; dr2 = cmd1.ExecuteReader(); if (dr2.HasRows) { dr2.Read(); TextBox1.Text = dr2.GetSqlString(0).ToString(); ModalPopupExtender1.Show(); } dr2.Close(); cmd1.Dispose(); }
In my Application I am using one Modal popup extender. I have one Grid View with Item Template containing Link button. I want to set Target Control Id of Popup extender to link Button of the Item Template. As it is inside the Item Template I can not access it directly in the page.
So Is there any alternative to achieve the same functionality.
I am working on a website where i used bootstrap and popup box is of jquery. whenever a popup appears on the screen it hides behind the master page.
View 1 RepliesI'm using modal popup extender and panel with calendar in it. Click the "Next / Previous Month" closes the modal popup. How do I tell the modal popup to ignore click events in a calendar control inside the panel targeted for popup? I'm confused because when using extender before, you had to click OkButton or Cancel to close popup. I have update panel for reason. I just minimized the code for easy review.
[Code]....
This is my main page in which I have collapsible panel and my phone gridview is contained in it. The Initial page loads up properly and shows the gridview. All the errors happen when I select a gridview row for modal popup edit. I get the following errors one after other after ignoring each one of them. I have been struggling with his for almost a week. Following are the sections of the main page and the code in the gridview ascx control. Main GridView User Control Page.
[Code]....
Modal popup not working, I need to open modal pop up inside a panel, below is my html, senerio goes as :
On page load on only panel with id="pnlgrid" is visible and button with id btnaddnew is visible on clicking addnewbutton panel grid is visible false and panel with id=pnlFormEdit is visible true.
Inside there is linkbutton1 on which click i want to open popup. but on clicking it goes postback.
<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="DutySlip.aspx.vb" Inherits="_DutySlip" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<style type="text/css">
[Code] .....
My Master/Detail view is working fine, but if i try to add Modal PopUp extender it does not work at all.
[Code]....
adding Modal Popup to this code. I have studied [URL] article many times but could not find problem with my code. My code should display Modal PopUp 2 times. Once New Client btn is clicked & other time when edit inside GridView is clicked.
Modal PopUp Extender Catch exception error and display on modal popup
[Code]....
Using ASP.NET 2.0, VB code behind, I am using a ModalPopupExtender to show some dynamic content on my site inside an update panel. The problem I am having is that sometimes the content stretches the modal pop-up panel (div) so that it flows off the screen. In cases where the height of the popup panel exceeds some defined height I would like to limit the height and add a vertical scroll bar (otherwise the panel should have no height minimum).
I have written a JavaScript to perform this task (see below). I use my code behind to display the modal popup... so now my problem is how (when) do I kick-off my javascript to limit the height of my modal popup. Kicking off the script on pageLoaded finds that the popup container's display setting has not been set yet, therefore ConstrainPanelHeight is never executed... how can I kick off my javascript after the model popup is shown?
[Code]....
How to implement print functionality inside Ajax Modal pop up? I have a Ajax Modal pop up in one of the Web page. Inside modal pop up I have a "print" button. when I click on print to print the contents of Modal pop up, print window does not appear.
View 1 RepliesI am converting across an old popup system from an older app into a newer one and want to take advantage of the ajax control toolkit to do all of the popups.
Unfortunately the business will require me to make the popups look like the old version (essentially just another page opened in a smaller window and showing the title bar). The problem I can see with using the ajax toolkit is that there is no "title bar" that gets included with it as its not really a new window.
I have a asp.net page that has a list of items. When one of the items from the list is clicked a details page is displayed. This details page has a link button to show a popup for history of the item. The details page also has a button with text 'Back'. The back button has onclick event set to "javascript:window.history.back();".
This back button works fine and goes back to the first page. However when the user is on the second page and opens the pop up by clicking on the link button, the back button stop working and displays Webpage has expired message.
I have a webpage containing a link to open modal popup
In that web page i there is a label where i want to get the value from modal popup.
Suppose in modal popup i have text box and button when i worte any thing in that text box and submitting that text by popup button then entered text will be appear on the label of webpage.
modalextender.show();
i want to create an onclientclick event on a button to show ajax modal pop up but from code behind ie is in aspx.cs
I have three modal popup and three link buttons the first link button is on menu i.e. login that shows login-popup and the login popup contains two links forgot password and register both of them opens a popup but the problem is the login popup isnt hiding with click on register or foreget link the popups are appearing perfectly but arent hiding.
The html for all three popup is as shown below:-
<cc1:ModalPopupExtender ID="Modallogin" runat="server" PopupControlID="loginpanel" TargetControlID="loginlink" BackgroundCssClass="modalBackground"
CancelControlID="lnkforgot">
</cc1:ModalPopupExtender>
<asp:Panel ID="loginpanel" runat="server" CssClass="modalPopup">
[Code] .....
And the codebehind file that i wrote some code which also isnt working is as shown below:-
protected void Button2_Click(object sender, EventArgs e) {
Modalforget.Hide();
} protected void lnkregister_Click(object sender, EventArgs e) {
Modallogin.Hide();
Modalregister.Show();
[Code] ....
I also used breakpoints on link click event and are not going to code behind file on click and popup is just shown without hiding the other. And the css used is I found on aspsnippet site!
At the bottom I have couple of buttons that call a modal popup to add new user to a grid.Now when I click on add user button it opens a modal popup. In that modal popup I have a add user control. Aslo In that add user control I have some jquery validations, autocomplete etc.Now when I open my modal popup it loads my user control in modal but none of my javascript is fired. By fired I mean if i start typing in my autocomplete textbox or even validate some fields none of my js is fired. I do have the jquery file included at the top of my user control. This page works fine if i create a simple aspx page and call my user control from there. But somehow when I call it from modal it screws up. Also even if I place a simple alert('Hello') on my user control that also does not fires (just wanted to make sure jquery is not the prob)
View 7 RepliesLets say I have a user control AjaxUC.
<asp:ModalPopupExtender ID="modalSearch" runat="server" TargetControlID="btnHiddenSearch"
PopupControlID="pnlModalSearch" DropShadow="false" RepositionMode="RepositionOnWindowResize"
Drag="false" BackgroundCssClass="modalBackground" >
</asp:ModalPopupExtender>
<asp:Button ID="btnHiddenSearch" runat="server" Style="display: none" />
<asp:Panel ID="pnlModalSearch" runat="server" CssClass="modalPopup">
<asp:Panel ID="pnlModalSearchContent" runat="server">
<asp:Label ID="lblSearchTitle" runat="server" CssClass="modalPopupTitle"></asp:Label>
<div id="divContent" runat="server">
</div>
<asp:Button ID="btnModalSearchClose" runat="server" Text="Close" CausesValidation="false"
OnClick="BtnModalSearchCloseClick" />
</asp:Panel>
</asp:Panel>
<input type="hidden" id="hdVisible" runat="server" />
------------------------------------------------------------------------ AjaxUC.ascx.cs:-
public partial class AjaxUC : System.Web.UI.UserControl { private ITemplate _content = null; [TemplateInstance(TemplateInstance.Single)] [TemplateContainer(typeof(Container))] [PersistenceMode(PersistenceMode.InnerProperty)] public ITemplate Content { get
{ return _content; } set
{ _content = value; } } void Page_Init() { if (_content != null) { Container container = new Container(); _content.InstantiateIn(container); divContent.Controls.Add(container); lblSearchTitle.Text = LblModalSearchText; } } protected void Page_Load(object sender, EventArgs e) { if (hdVisible.Value=="true") { modalSearch.Show(); } } } public class Container : Control, INamingContainer { internal Container() { } }}
This control when used on any aspx page will popup the control placed inside the template "divContent" as modalpopup.
________________________________________________________________________
Now I am trying to convert this user control to Custom Control and my code is:-
[ParseChildren(true)] [PersistChildren(true)] public class DNAWebAjaxTool : PlaceHolder { public event EventHandler BtnModalSearchCloseClickEvent; public event EventHandler Click; private ITemplate _content = null; private HtmlInputHidden _hdVisible; private Panel _pnlModalSearchContent; private Panel _pnlModalSearch; private ModalPopupExtender _modalSearch; private Button _btn; private DivContainer divContent = new DivContainer(); private string _viewState; public DNAWebAjaxTool() { } public Panel PnlModalSearchContent { get
{ if (_pnlModalSearchContent == null) { _pnlModalSearchContent = new Panel(); } return _pnlModalSearchContent; } } public ModalPopupExtender ModalSearch { get
{ if (_modalSearch == null) { _modalSearch = new ModalPopupExtender(); } return _modalSearch; } } public string ViewState { get
{ return _viewState; } set
{ _viewState = value; } } public HtmlInputHidden HdVisible { get
{ if (_hdVisible == null) { _hdVisible = new HtmlInputHidden(); } return _hdVisible; } } [TemplateInstance(TemplateInstance.Single)] [TemplateContainer(typeof(DivContainer))] [PersistenceMode(PersistenceMode.InnerProperty)] public ITemplate Content { get
{ return _content; } set
{ _content = value; } } protected override void OnInit(EventArgs e) { _content.InstantiateIn(divContent); base.Controls.Add(divContent); base.OnInit(e); } protected override void OnLoad(EventArgs e) { if (HdVisible.Value == "true") { ModalSearch.Show(); } base.OnLoad(e); } void _btn_Click(object sender, EventArgs e) { BtnModalSearchCloseClickEvent(sender, e); } public virtual void Hide() { PnlModalSearchContent.Visible = false; ModalSearch.Hide(); ViewState = "false"; } public virtual void Show() { PnlModalSearchContent.Visible = true; ModalSearch.Show(); ViewState = "true"; } protected override void CreateChildControls() { base.CreateChildControls(); } protected override void Render(HtmlTextWriter writer) { if (ViewState == "true") { _modalSearch = new ModalPopupExtender(); _modalSearch.ID = "modalSearch"; _modalSearch.TargetControlID = "btnHiddenSearch"; _modalSearch.PopupControlID = "pnlModalSearch"; _modalSearch.DropShadow = false; _modalSearch.RepositionMode = AjaxControlToolkit.ModalPopupRepositionMode.RepositionOnWindowResize; _modalSearch.Drag = false; _modalSearch.BackgroundCssClass = "modalBackground"; _modalSearch.Show(); _btn = new Button(); _btn.ID = "btnHiddenSearch"; _btn.Style.Value = "display: none"; _btn.RenderControl(writer); _pnlModalSearch = new Panel(); _pnlModalSearch.ID = "pnlModalSearch"; _pnlModalSearch.CssClass = "modalPopup"; _pnlModalSearch.RenderControl(writer); PnlModalSearchContent.ID = "pnlModalSearchContent"; PnlModalSearchContent.RenderControl(writer); divContent.RenderControl(writer); _btn = new Button(); _btn.ID = "btnModalSearchClose"; _btn.Text = "Close"; _btn.CausesValidation = false; _btn.Click += new EventHandler(_btn_Click); _btn.RenderControl(writer); } } } public class DivContainer : Control, INamingContainer { internal DivContainer() { } }
________________________________________________________________________________________________
The problem I am facing is that the modalpopup extennder is not coming up as a popup.
i have many multi line text boxes on my web form one after one. i want to block any multi line text box using modal popup extender. is it possible. i want to block in such a way modal popup will display on target input control with the same height,width and left, top of the target control. if i can do it so in this way we can block multi line text box for entering something. i know there are many way to block input control but i want to block this way.
View 2 Replies