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 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
I 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) { } }
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++; } }............
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'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.
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)
I have a login control on a web application. I am using a modal popup extender to show a message when the login button is hit. That all works fine. The problem is, once the user hits the "OK" on the popup, it closes and then nothing happens. I tried adding javascript postback but did not help.
How to style ajax modal popup extender control just like in forums.asp.net site which when loaded displays a modal popup with close button. i dont want to show the popup every time if an user submits or cancels the popup once.
In a page there is an activex control as well as a button whose onclick opens an ajax modal popup. The problem i face is that whenever the button is clicked the ajax pop up loads behind the activex control and thus it is hidden.So I am not able to use that control at all. I have not found a proper solution to this. I tried a solution where a browser check condition was removed from the ajaxtoolkit code. but no luck. Am using Ajax toolkit version 3.0.30512.1.
I am trying to have a ModalPopupExtender within another ModalPopupExtender in a user control page, button an error like "The TargetControlID of 'ModalPopupExtender2' is not valid. A control with ID 'btnAdd' could not be found. I don't have any problem with ModalPopupExtender1, but the problem is with opening ModalPopupExtender2 once the ModalPopupExtender1 is opened.
When 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:
I have a modal pop up in the master page and in page say manageuser.aspx I have some control. When i click the button to show the pop up the the popup appear and closing close it, but it also hide all the drop down control in IE6. It looks fine in Firefox and IE7.
I 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.
I have a gridview control which displays columns Name,Comments,Image. when click on an image i am need to open a modal popup extender which will be assigned to panel that contains a textbox,fileupload control,upload,cancel. And now problem is when i press the update button the button_click event i am not able to find the file inside the fileupload control where as i can find text inside textbox. My code is as follows:
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.
I have currently on multiple pages a modal popup that displays the information below, we are getting to the point where we need to call this popup from multiple locations, currently i have duplicate setups on each page that i want to use it on, but its becoming a mess to manage when a change is needed.. so im looking to see if what i have within the modal popup can be turned into a control that i can call anywhere thru out the site and have just 1 setup to maintain going forward..If its possible to create a control that can then be placed within the modal popup and server the same purpose that would be great any links here is what i have within the modal popup that i have on atleast 3 pages currently..
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.
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!
I have a modal pop extender that has a user control in it, I use it in several forms in a ASP.NET 4.0 project. I am not very happy with the js code that it produces and the mess in the markup So, any worthy alternatives that can be controlled from the codebehind easily :)?
In my application I have a formview which is inside of a Ajax modal popup.Once users enter the information in the formview and click save, I validation the input.errors, I want to display an error message as a popup or as a modal popup (not javascript alert) with in the ajax modal.How do I do that. I tried several ways but it closes the ajax modal popup.
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.