I'm trying to create a modal popup that has multiple buttons that a user will click to choose options. This is all well and good but when the user clicks an option it fires a full postback. The modal opens async, but I can't get it to hide async. Heres some code:
[Code]....
I have a web application that does some complicated data retrieval tasks and so I am trying to show a modal dialog box with a loading message when the tasks begins. I am using ASP.Net 3.5, the jQeury popup I am using is bPopup.
Firstly, I have a table where the rows can be clicked. Im am using a script from[URL] to do an async postback from the table row. Here is my function
[Code]....
so the $("#<%=lDiv.ClientID %>").openPopup(); opens up my loading modal and then the server starts doing its thing. When the server finishes though how would I then close the dialog box?
I just need to call one line of code like $("#<%=lDiv.ClientID %>").closePopup();
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 look for a good way for arrangement Admin pages Items
for example Admin Upload Page consists of these sections:
* make a new folder
* delete folder
* upload file in folder
* show folders information (in a gridview)
* download test
so I think one way is showing this sections in modal
but when I tried make a new folder in modal after clicking in create folder button modal disappeared.
Is there any way that modal doesnt disappear until user click close button?
I mean I want modal to behave like a page.
If there isn't a way what to do for classification sections?
using the abovei have a master page used the above in conetnt page in update panelwhen when i click on btnYes the event is not firedi even trued using trigger in code behind & even in design mode but still its not workingi get a msg <asp: content> tag
<asp:Button ID="btnup" runat="server" Text="Upload" CssClass="btn"></asp:Button>
<ajaxToolkit:ModalPopupExtender ID="MPE1" runat="server" PopupControlID="pnlPopup"
TargetControlID="btnup" OkControlID="btnYes" CancelControlID="btnNo" BackgroundCssClass="modalBackground">
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none">
<div class="header">
[code]....
I have a gridview (gridview-a) with a link button when the user click on this link button it opens a separate modal pop up extender with another grid view (gridview-b) (working fine) I added a close button inside the panel. When the user click on it the modal pop up is getting closed. Excellent.
Now my problem is When I add Edit,Save and Update buttons to the gridview-b ( i.e. Present inside Popup) when ever I click on the edit , or save or update buttons it is going to the gridview-a. How can I avoid that? Do I have to keep the gridview inside a update Panel and make the update mode conditional? If thats true how can I edit , save and delete the rows ( I need to call stored prcedures and all row-databound functions to do that)
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 am using model popup to allow user to input there information . In this model popup . I am having two option Like OPtion-1 and Option-2 . When User will select Option-1 a panel should open on modelpop up to take Option-1 Detail .Simillarly When Option-2 is pressed another panel should open where User Can fill data. User Ca Fill only single option either OPtion-1 or 2 .
How I can do this without postback and without model disappear. I don't want to use radio or checkbox button .I want something good looking and with working function.
Any code related to modal popup to stablise is necessary and if the values are enter correctly then modal popup should get post back.
View 4 RepliesI am having issue with my ModalPopUpExtender's OKControlID. I have a button inside an update panel that should do AsyncPostBack. The button works fine and runs server side code but it causes full page postback. How do I solve this issue? I want the 'OK' button inside the modalpopup to call the serverside code and update Label control 'label3' without causing the page flash. Given below is my code;
MarkUp:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Next Gen Web Browser</title>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.js" type="text/javascript"></script>
[Code]....
When I browse to my page that has the modal popup panel on it, the panel initially is visable, and when I do a postback it acts as intended. let me know if you need the master page....
[Code]....
[Code]....
how can i add multiple targetcontrolids to a modal popup extender..
View 2 Replies In my asp.net4.0 page, I have 3 Images each embedded in LinkButton :
<asp:LinkButton ID="panImgLnkBtn" runat="server">
<asp:Image runat="server" ID="panImg" BorderStyle="Ridge" BorderColor="Turquoise"
Width="130px" Height="100px" ImageUrl="~/CRMImages/no_image_symbol.png" />
</asp:LinkButton>
On each image, I want to open a popup with "Download" & "Print" buttons.
I was thinking to create a panel and open a popup on linkbutton click by using ajaxToolkit:ModalPopupExtender . But, I realized that for I will need 3 such panels & ModalPopup's for each image as got to set TargetControlId for each link button.
In my other page, I will have more than 10 images.
What can be the best way to achieve this goal in such way that thru out my app I can call this popup and download or print the image ?
Modal PopUp Extender Catch exception error and display on modal popup
[Code]....
I have an aspx page with multiple modal popups. These modal popups are trigger in the page behind code using .Show() and .Hide().
This is what I have in the .aspx page for the particular modal popup under discussion:
[Code]....
The example below demonstrates the type of calls I am making to the modal popup extenders. Basically using the Datalist item command, the datalist commands are responsible for triggering my modal popups.
[Code]....
They all work fine after postbacks except the "activityReport" case (the last one). The only difference with this modal popup is that it contains a user control and all the postbacks are happening in the user control. So the problem is that in the last case whenever a postback happens in the user control then the modal popup is close.
1. If I separate the modal popup and place it in a page all by itself and trigger it to .Show() through a button click in the page behind code then the modal popup doesn't close. See below example.
[Code]....
2. The button click event in the test page looks as follow:
[Code]....
Requirement is:When I click on "Show Modal" button, it should open a ajax ModalPopup with 2 buttons: "Add Node" and "Add Goal"when I click on "Add Node" button, panel 1 should openWhen I click on "Add Goal" button, panel 2 should open.
I tried below code:
HTML:
<asp:Button ID="BAdd" runat="server" Text="Show Modal" ValidationGroup="usrvalid"/>
<!-- ModalPopupExtender -->
<cc1:ModalPopupExtender ID="Modal" runat="server" PopupControlID="ShowPanel" TargetControlID="BAdd" CancelControlID="btnClose" BackgroundCssClass="modalBackground1">
</cc1:ModalPopupExtender>
[Code] ....
But its not showing the panel1 and panel2 on button click(that are inside modal pop up)....
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)
{
}
}
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!
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:
<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'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 have one page with a panel that makes up my ModalPopup. On the ModalPopup there is an updatepanel with a textbox and a button in it. There is a textbox on the "parent" page and I want to click the button on the modalpopup and move the data from the popup textbox to the parent textbox. So far, no joy. I have a line in the code behind to move the data between textboxes and I have also tried javascript to do the same thing but I am not able to make this happen unless i click the button twice.
View 5 RepliesI'm working on adding a todo list to a project system and would like to have the todo creation trigger a async postback to update the database. I'd really like to host this in a usercontrol so I can drop the todo list onto a project page, task page or stand alone todo list page.
Here's what I have.User Control "TodoList.ascx" which lives in the Controls directory.
The script that sits at the top of the UserControl. You can see where I started building jsonText to postback but when that didn't work I just tried posting back an empty data variable and removed the 'string[] items' variable from the AddTodo2 method.
<script type="text/javascript">
$(document).ready(function() {
// Add the page method call as an onclick handler for the div.
[code]...
I can have a control that can be used to display multiple todo lists and create a brand new todo list as well.When I click on the #divAddButton I can watch it build the postback in firebug but once it completes it runs the error portion by alerting 'error'. I can't see why.
I'd really rather have the response method live inside the user control as well. Since I'll be dropping it on several pages to keep from having to go put a method on each individual page.
I have a custom control, that has takes some information from user and submit to the database. it is working fine in normal aspx pages. but when i display that custom user control in jQuery modal popup. The events does not fire or lets say the data is not submitted to the database.
View 3 RepliesHow can I get one modal popup to trigger a second modal? And in between each modal, I need to execute server code.
Page load, check if question needs answering -> Modal 1 -> User answers -> run server code to check if question two needs answering -> Modal 2 -> show page.
I could do this using a series of asp:Views if there is not a clean way, the management just really likes the modals
