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.
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]....
I am not sure where this error is comming from or even if this is the right place to put this. I have this event that fires when I click a link button in the Modal Popup, and yes the link button is set to not cause validation
[Code]....
When this event fires for some reason the modal popup window closes. How do I stop this from happening. If you need more code I will gladly provide it.
I have created a modal popup form using the controls in Ajax Control toolkit. I have a main form, say A. and there is a button NEW on it. On clicking the button NEW, the modal popup shows up. This part, i was able to do it without problem. Now on my Popup form, say form B ...I have a tabContainer with 3 tabPanels. On each Panel, there is a NEXT button ...After filling in certain details on a tabPanel, the user clicks on NEXT to move to the next panel where he is required to fill in details. Furthermore on the Popup form , i have a CLOSE button. The issue is that all the buttons on the form , that is the NEXT button on the tabContainer and the CLOSE button, they are ALL acting as close button for the Modal Popup.
I want only the CLOSE button be the one which will close down the Popup form. I have tried to specify the CancelControlID="Closebutton" but it still does not work. All the buttons are closing the form. Can anyone clarify why am having such issue. Is it something to do with POstbacks? I really need some urgent solution for this...
I am using normal popup using jquery and css and I have one textbox and one button I need to validate that textbox but the popup is closing how to hold that popup even even if postback occurs?
View 1 RepliesI 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!
Is it possible to use buttons in a modal popup window and not have the window close after the postback?
View 2 Repliesi have a question, i have a list box with a button below that, when user click on the button modal popup will open (created by Ajax modal Extender ) then user enter somthing on the text box and click on the save next, modal popup will close , and user can see his/her added item in the list box, how can i add some progress bar showing 3 to 5 seconds progress right after closing modal popup window? my code has enclosed:
[Code]....
I am sending you the code. It Has two PArts First is CLIENT SECTION and Anpother is STATION Section
1) CLIENT SECTION : It has a dropdownlist binded to SQLDataSource and with this it has an imagebutton bAddClient
bAddClient will open the ModalPopup which will ask user to Add new client. And After Adding the New client when User
will close the ModalPopup MY DropDownList is not getting Populated with the New Client. I have Used UpdatePanels Also
2) STATION SECTION : It has a DropDownList, an Image BUtton , And Grid View. In Grid View it shows station details
On particular client selcted above.
I have given the delete station command on deleting the station that particular entry doesnot goes away.
It Should not be visible after it get deleted
Now when i click on imagebutton a modalpopup will open.
Now In modalpopup i have given dropdownlist , image button(to add new station), Some station Info and save button
Now when i click on dropdownlist it used to close the modalpopup then i seet the autopostback = false. Then it works fine. Is it correct way?
Now when i click on imagebutton it asks user to add new station with a textbox , save station button. When users click on savestation button then it adds station to the DB and it should update the dropDownList of ModalPoup without closing it.
But when I am clicking on imagebutton it is closing the modalpoup.
And When user clicks on ModalPoup SSave Button in end it should update GridView of STATAION SECTION too.
<%-- ************** CLIENT SECTION START HERE*******************--%>
<p class="heading">CLIENTS</p>
<br />
<asp:ScriptManager ID="smClientMgmt" runat="server" />
<asp:UpdatePanel ID="upCMClientInfo" ChildrenAsTriggers = "true" UpdateMode="Conditional" runat ="server" >
<ContentTemplate>
[Code] ....
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 have several cascading drop down in my website which work fine. The problem is that i know need to use cascading drop down in a modal popup. The first list is populated but the subsequent lists are not being populated.
View 1 RepliesI have a model pop extender control like:
<cc1:ModalPopupExtender ID="basketPopUp" runat="server"
PopupControlID="Panel1"
PopupDragHandleControlID="PopupHeader"
Drag="true"
BackgroundCssClass="ModalPopupBG"
TargetControlID="Panel1">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panel1" Style="display: none" runat="server">
<div class="PopupBody">
<b>Test</b>
<br />
</div>
</asp:Panel>
What i want is to show the popup for 5 seconds and HIDE it AUTOMATICALLY after this period of time.
I've tried this, but, running on the server side, of course it is not working:
public void showAndHidePopUp()
{
basketPopUp.Show();
System.Threading.Thread.Sleep(5000);
basketPopUp.Hide();
}
Do you know how to hide it in a proper way?
Edit:
For announcementes i've decided to use jGrowl-> [URL] and not ModalPopUp Extender.
i have user control and in that i have ajax modalpopup extender now, i want to use this modal popup in my aspx.vb page like
modalpopup.show()
modalpopup.hide()
than, how can i get the id of modalpopup from the user control and do this functionality.
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 have a gridview binded with data and i am providing to user edit command button in gridview s row command event i opened the new page in modal popup to edit the selected id record and after modify i close the popup here i want to refresh gridview with updated data. here is the code i used to open editdocument page in modal popup from gridview row command event
Dim webLink As String = "EditDocument.aspx?ID=" & gv.DataKeys(Item_ID).Values(0) & "&Mode=" & 1
ScriptManager.RegisterStartupScript(Me, GetType(String), " Done", "window.open( '" & webLink & "', '','resizable=yes,scrollbars=yes,status=yes,toolbar=no,menubar=no, height=580px, width=480px,left=350px,top=100px' );", True)
Modal PopUp Extender Catch exception error and display on modal popup
[Code]....
I tried to find any methods to validate items inside Modal Popup Extender
View 1 RepliesMy AjaxToolkit modal popup either hides my drop downs or the drop downs come over the modal screen. Is there any solution for this problem.Even a pure javascript modal popup will do for me but hiding of drop downs and drop downs coming above modal popups isn't the accepted behaviour in my project.
View 1 RepliesI have page with a gridview on it and when I select a record I use the modal popup extender to bring up a modal window to allow the user to edit the record... works great...
Problem is that on the modal popup, I have a drop down box and when the user selects something in the drop down box I have another drop down box that I want to populate based on what was selected in the first drop down box... I have a sub to do this and I was going to fire it off on the SelectedIndexChanged event, but the problem is that I can only first that off on post back (the drop down box has autopostback true)... but when we postback, the modal window goes away... and I can't fire off the SelectedIndexChanged event without a postback...
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 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.
Lets 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 RepliesI 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.
View 3 Replies