AJAX :: Modal Popups In A Single Page
May 14, 2012i have one modal popup in a page already & functioning properly..i added another modal popup but its not getting displayed as it shld in the center.
View 1 Repliesi have one modal popup in a page already & functioning properly..i added another modal popup but its not getting displayed as it shld in the center.
View 1 RepliesI'm having a problem using 2 ajax modal popups on the same page.If i use just 1 modal popup it works fine. I have a button (btnCommentOK) which calls an onlick function (OnClick="SaveCommentData") This works fine. The problem is when I add a second modalpopup extender. Funtionality works for the second modal popup but now the OnClick function on the first modal popup no longer works!
[code]...
our pages flicker when using modal popups.
Any way to reduce the flicker?
We tend to postback a response to the primary page to change data, or do something, then return a modal popup with results of change or action.
Upon showing the results or a confirmation screen in the modal popup, there is flicker.
We are successfully using ajax modal popup on our web application.But when we try to add another one, neither one of them work. Is it only allowed to have ONE modal popup on an ASP page?
View 2 RepliesWe have a working modal popup on an asp.net page, and need to add another one. A linkbutton opens the first one.But if we try adding code for another linkbutton to open a second popup, which will use another mp extender control, neither one of them work. If we then remove the second popup and extender code, it works again.
I posted this question before but got an answer about using them in a gridview, which is not what is going on. This issue is not that complicated, just the fact that we can't get two separate popups working on a page. Are there any bugs or anything that would be preventing this from working? The code below is for the working popup. It seems logical that if we add code that works to a page and give the controls new names, it should work as well, right?
<!--modal popup extender-->
<ajax:ModalPopupExtender ID="mpe1" runat="server"
DropShadow="false" [code]....
In the page there is also the hidden button for the popup. it looks like this:
<!--hidden button for modal popup -->
<asp:Button ID="btn1" visible="true" runat="server" Style="display: none" Enabled="false" />
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 new to ASP.NET, and want to design a sample ASP.NET website which will have some text in it. I saw a couple of examples for popups, but my problem is a bit different.I need to create the hyperlinks for a word dynamically for each web page.
I will have a list of keywords with their descriptions. I need to search for those keywords in the text, before I create a popup for them. How should I go about it?
http://forums.asp.net/p/1577242/4029804.aspx#4029804
I amusing the PopUp example as suggestedin the above forum link.....
But now i want to Refresh the page after clicking on Close(x) ...
I have a text box in a page. I added RequiredFieldValidator and ValidatorCalloutExtender to that textbox
it works fine in IE and firefox ie, ValidatorCalloutExtender popups near to textbox.
But in Google chrome the ValidatorCalloutExtender popups far from textbox.
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 Replieshow can i use the panel which use as modal popup in another page.
i mean second page is an template page which use from several page and i want the modal popup in that page.
i want show modal popup without show the page.
can i do this in some way?
I've a page with a Masterpage.
In this page there is a Panel with ID : "ModalPanel".
There is a ModalPopuExtender on "ModalPanel".
I show this panel (ModalPanel) from code-behind. Works very well!
If in the same page I create another Panel "ModalPanel2" with another ModalPopuExtender : the second panel don't works!!!Why?!
The "ModalPanel2" is always visible! And don't has the behavior of a Modal Panel (like the first one).
I've got an odd issue with my pages. My pages include a login modal pop-up and registration modal pop-up. When the page loads, the panels briefly flicker (appear) and then are hidden. It looks very unprofessional so i was wondering if anyone had a clue to how i can avoid this.Here's a URL to see whats happening:[URL]
View 2 RepliesOn poping up the Dialog Box (consisting of an image) on Page Load ,sometimes it doesnt align to the center of the page. Tried everything (e.g putting correct DOC type, Css etc) but still not happening.Although if you refresh or even resize the window it aligns to the center. Using the latest Ajax Control toolkit ModalPopupextender
View 5 RepliesI have ajax modal popup for Questionnaire for my website and i want to show it on when user leaving the website.
it is working well with page load event. but i want to call it at the time when user want to close website page.
i have tried with page_unload and dispose event but the page was closed directlly without displaying the popup.
Code:
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
mdl1.Show()
'chkbox1.Attributes.Add("onclick", "checkBoxListOnClick(this);")
End Sub
[Code]....
dispaly above modal popup on leaving of the website?
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(); }
I am using a master page for my website, which has a modal popup in it. i have implemented url rewriting to direct user to a child page. In this child page I am using webparts with webpart manager. All of the other pages runs perfectly smooth and also url rewriting works fine except the modal popup in this child page. Although the div is hidden (other pages do not show MPopup on load), here in this child page the modal popup remains statically displayed on the web page. When the particular link on master page is clicked the screen darkens, but the modal popup fails to load. I could see just a small lined colour of the modal popup.
View 6 RepliesI've got a modal popup and when it loads contents that are taller than the browser height I am unable to scroll down to view the rest of the information. Instead the background can scroll but the popup won't, I'd like to have the popup stay in place so the users can see the bottom of the modal.
View 4 Repliesusing .net 4.0 and trying to open a modalpopup with grid loading; it pops up but doesn't grayout the rest of the page, allowing more clicking on the grid. I want the page to grayout with modalpopup and disable any further activity until the grid is loaded.
[Code]....
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript" language="javascript">
var ModalProgress = '<%= ModalProgress.ClientID %>';
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginReq);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endReq);
function beginReq(sender, args) {
// shows the Popup
$find(ModalProgress).show();
}
function endReq(sender, args) {
// shows the Popup
$find(ModalProgress).hide();
}
function CallPrint(url, window) {
window.open(url, window, 'left=0,top=0,width=900,height=600,toolbar=1,scrollbars=1,status=0');
}
</script>
<div>
<asp:ModalPopupExtender ID="ModalProgress" runat="server" BackgroundCssClass="modalBackground" PopupControlID="panelUpdateProgress"
TargetControlID="panelUpdateProgress">
</asp:ModalPopupExtender>
</div>
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table class="style1">
<tr>
<td>
<asp:Literal ID="litMedResult" runat="server"></asp:Literal>
</td>
</tr>
<tr>
<td>
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1">
<asp:TabPanel ID="tpFilter" runat="server" HeaderText="Show AICE Filtered Meds">
<ContentTemplate>
<asp:GridView ID="gvFilteredMeds" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px"
CellPadding="3" GridLines="Vertical"
onrowdeleting="gvFilteredMeds_RowDeleting" DataKeyNames="AICEMedID">
<AlternatingRowStyle BackColor="Gainsboro" />
<Columns>
<asp:BoundField DataField="AICEMedID" Visible="False" />
<asp:BoundField DataField="node_descrp" HeaderText="Med" />
<asp:CommandField DeleteText="Remove From Filter"
HeaderText="Remove From Filter" ShowDeleteButton="True" >
<ControlStyle ForeColor="Red" />
</asp:CommandField>
</Columns>
<FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
<HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
<RowStyle BackColor="#EEEEEE" ForeColor="Black" />
<SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#0000A9" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#000065" />
</asp:GridView>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="tpAllMeds" runat="server" HeaderText="Show All Meds">
<ContentTemplate>
<asp:GridView ID="gvAllMed" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px"
CellPadding="3" GridLines="Vertical" DataKeyNames="node_id"
onrowdatabound="gvAllMed_RowDataBound">
<AlternatingRowStyle BackColor="Gainsboro" />
<Columns>
<asp:BoundField DataField="node_id" Visible="False" />
<asp:BoundField DataField="node_descrp" HeaderText="Meds" />
<asp:TemplateField HeaderText="Add to Filter List">
<ItemTemplate>
<asp:Button ID="btnAddMed" runat="server" Font-Bold="true" OnClick="btnAddMed_Click" Text="Add Med" />
</ItemTemplate>
<ControlStyle Width="100px" />
<HeaderStyle Width="60px" />
</asp:TemplateField>
</Columns>
<FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
<HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
<RowStyle BackColor="#EEEEEE" ForeColor="Black" />
<SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#0000A9" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#000065" />
</asp:GridView>
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel></div>
<div>
<asp:Panel ID="panelUpdateProgress" runat="server" CssClass="updateProgress" >
<asp:UpdateProgress ID="UpdateProg1" DisplayAfter="0" runat="server">
<ProgressTemplate>
<div style="position: relative; top: 45%; text-align: center;">
<img alt="Processing" class="style3"
src="Images/loading.gif" />Processing ...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Panel>
</div>
</asp:Content>
I have used modal pop ajax control in master page. It is working fine in all other page. But in other page search, data insert operation is not happening ? i m not getting the error. could u give me some idea ?
<cc1:ModalPopupExtender ID="ModalPopupExtender3" runat="server"
TargetControlID="hiddenTargetControlForModalPopup"
PopupControlID="Panel111"
BackgroundCssClass="modalBackground"
PopupDragHandleControlID="Panel333"
CancelControlID="BtnCancel1" Enabled="True" />
I used modalpopup extender in my application. when the page is loading modalpopups are flikering so it is not looking nice.
View 4 RepliesI am making an search form from where the person generate its monthly report.I have 4-5 field likeregion,state,city,employee_name,Product_name.with all textboxes i am using ajax:modalpopupextender. Its working perfectly but after 4-5 selection user is able to access the back page info along with the modalbox.I dont now why its happening????
[Code]....
I have an issue that may be tied to layering of ajax controls. On my page I have a Modal Popup that displays and has multiple input fields on it.One of which is a dropdown list that shows one of two sections OnSelectedIndexChanged. One section has a button that calls another Modal Popup with inputs.
When I cancel/close the 2nd Modal Popup and change the value of the dropdown list the Popup's panel displays at the bottom of the page.I have tired hiding the panel, calling the mpe.hide(); etc but cannot get this panel to stop displaying.
My problem is that, i have created a master page and set a iframe in it in iframe i have called a page saying entryscreen.aspx.I have set a modal pop up in entry screen page and when i click a button in entry screen page to show the modal pop up it covers only entry screen page behind the gray backgroun.i want to cover my whole master page behind gray background.
View 1 Repliesi have created a class as follows which will create a dynamic popup
public static void createModal() {
Button btnShow = new Button();
btnShow.ID = "btnCancel";
Panel p = new Panel();
p.ID = "ModalPanel";
p.Height = Unit.Percentage(300);
p.Width = Unit.Percentage(800);
[Code]......
And in my page my design is as follows
<asp:ScriptManager ID="script" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="up" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
<%--<Triggers>
<asp:PostBackTrigger ControlID="btnShow" />
</Triggers>--%> <ContentTemplate>
<asp:Button ID="btnShow" runat="server" Text="Open" OnClick="btnShow_Click"></asp:Button>
</ContentTemplate>
</asp:UpdatePanel>
This is my code on button click to show the popup
protected void btnShow_Click(object sender, EventArgs e) {
common.createModal(btnShow);
}
If i didnot include the trigger on the page modal is not showing, but if I include the trigger modal popup is showing, can this be achieved with out registering the triggers.