I have a web page that I am trying to use modal popup extender with aLink button as trigger (Code Below). When I execute the code and click on the link button (TargetId) the parameter for graying out the page below the popup works but I do not see the ModalPopup panel
[Code]....
i have created an ajax modal popup extender and i want to be able to grab the values in the textboxes that are on the panel. how do i accomplish this from code behind:
[Code]....
once i have the value i need to perform a stored proc and isnert into the database. i have this part sorted but not sure how to grab the values initially.
I have a modal popup extender and I try to setup the image url, title and text in code behind but all I get is the popup, with no text, title or image and can't see why. All I see is the OOK button near the top of the dialog box. This is what I have:
[Code]....
This is where I try to set the values:
[Code]....
I read so many post which say if i need to catch the button event on the modal popup extender, i need to use javascript. But when it comes to my requirement I get confused.
I open a data entry form which contains several textboxes, drop down lists, validator controls and 3 buttons (viz. SAVE, SAVE & CONTINUE and CANCEL) on the modal popup. The requirement is that :
1. When the SAVE button is clicked the data in the different controls must be inserted into the database and the modal Popup must disappear.
2. When SAVE & CONTINUE button is clicked the data in the controls must be inserted into the database and the modal popup must be ready for the other with clear controls.
3. When CANCEL button is clicked the modal popup must simply be disappear.
I have a user control and inside that user control I have a image button on whose click I am opening a modalpopup extender(which is another user control) I am populating all the values in drop down list and getting all the information i need on the form. The user and go and save the information required on that web form and clicking on cancel would exit the form which would bring the user back to the main user control.
The problems faced:
1.Problem 1: Not refreshing On clicking on tree view one of the nodes I am calling the reload function of parent user control as well as the user control present as popupextender. This click would refresh and fill in the values from the database for user to view and edit. Now when the user clicks on the image button another user control opens up where he can edit the entire values of the form and move back and forth in the records I have put update panels for every block and for the buttons. He can save the information. But when he exits and form and reopens it after a while the values of the form are retained the values which are not saved to the database but the ones which were selected so it is retaining them and not refreshing. How can I force the refresh everytime the button is clicked for modalpopup extender user control.
2. Problem 2 enable/disable buttons I am not able to enable and disable the buttons inside the extender the buttons are in the update panel as well as for the different sections of the form.
Modal PopUp Extender Catch exception error and display on modal popup
[Code]....
I am trying to add a modal pop up extender to a gridview's link button. this modal pop up will again display another grid view with edit,delete and save buttons.
so now My question is How can I display the modal pop up extender with another gridview? What will be its
[Code].....
By clicking on this button it should display another gridview (inside a panel which is ready)
But what will be the code I need to add? Where can I add modalpopupextender.show()etc
I seem to be having trouble getting the btOK button (in the Modal Popup Extender panel) to trigger the btOK_Click subroutine in the code-behind for the page.
ASP
[Code]....
VB.NET
[Code]....
I have the OnOKScript set to the name of the subroutine, and have tried setting the value to "btOK_Click", "btOK_Click;" and "btOK_Click(this);" but none have worked. In a previous page I have used this to call a JavaScript function, but surely I can call the VB.NET code from here too?
So I have a button on form that is supposed to execute some code-behind on a click event. To this button I also connected a Modal Popup Extender, which once you click OK, it goes away. What doesn't happen (and it should) is btnSendContactForm_Click never gets called.
Using the OnOkScript didn't help me either. I have tried setting the OnOkScript property of the extender, by calling a javascript that simulates the button click on the send button, but that only re-calls the modal pop extender, and a never-ending loop results everytime you click OK.
<!-- Send Button, Extender, and Pop Up Panel -->
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
When i try to submit the page which has modal popup extender,popup extender becomes visible! How can i avoid this?
View 2 RepliesI want to show model popup, I have One asp page in that Collapsible Panel and tow user control and one button, Suppose I click on button then show the model popup and hide the panel and user controls..
View 1 RepliesIn 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.
How 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
I tried to find any methods to validate items inside Modal Popup Extender
View 1 RepliesI'm not sure if this is an easy issue to solve, but I can't seem to figure it out. I have a ModalPopupExtender (obviously) for a panel that contains a two labels, two textboxes, and two buttons (Ok and Cancel). What I would like to do is when the Ok button is clicked, the page post back and the server click event execute (along with normal page events). When I try adding "__doPostBack("ModalOk", "");" as the OnOkScript, the page posts back, but the click event doesn't execute. (the click event is Protected Sub ModalOk_Click(blah blah) Handles ModalOk.Click).
The only way I got it to work (which is fine with me, I just thought I'd ask why it isn't working normally) is by checking to see if the Request.Form("__EVENTTARGET") is equal to "ModalOk". If it is, then I call the ModalOk_Click() sub. Like I said, this is fine with me, but it should be able to be avoided. If the __EVENTTARGET is equal to "ModalOk", then the "Handles ModalOk.Click" event should automatically be called, shouldn't it? Following with the general problem here, how does the server determine which events (other than the page events) to execute (or at least which button.click event)? I understand that the __EVENTTARGET supplies what causes the postback, but if a button is clicked then __EVENTTARGET is not set. So then does the page check the Request.Form for a button? Or is it more complex/simple than what I'm asking?
I would like to trigger a modal popup window whenever the user selects a specific item from
a server side dropdownlist of my page. Is this possible?
I have a panel called pnCategories that contains 3 checkboxlists. I have a button that binds data from database to these 3 chechboxlists when clicked on. The panel pnCategories should be popped up with AJAX ModalPopupExtender. The problem is, when the button is clicked, client side popup is executed first before running into server to fatch the data. How can I trigger popup at the end? Is it possible to trigger it with Javascript?
View 4 RepliesI have a couple of validators on a modal popup. They trigger properly for the controls on the modal. On the main page I have an updatepanel and can commit a save. When I commit a save and go back to the modal popup the validator error messages for both validators appear. Why is this happening and how can I stop it?
View 2 RepliesI 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 a Ajax modal popup extender .Its working fine in FF but not in Ie .
View 1 RepliesThe Top is IE and the bottom is FireFox. Firfox is showing correctly. In IE, however, the grey background start directly on the left edge of the page and not across the window span, and the modal target stays below the grey background.
[Code]....
I have a page with a gridview and 2 panels each one assigned to its own ModalPopupExtender similar to below...
<asp:GridView ID="MyGV" runat="server">
</asp:GridView>
<asp:Panel ID="Panel1" runat="server" style="display:none;">
[code]...
I try to accomplish the following: When I click on a LoginStatus to log out, I want a modal popup extender to popup ONLY when some condition is true.The mpue has a targetcontrolId that refers to the LoginStatus-control, a PopupControlId that refers to a asp:panel-control.So far I accomplished only two situations:
- always a popup
- never a popup.
i use modal popup extender to show my details in another separate window it is a panel contains some controls the problem is ::
when i click on my button which contains::
the Show() method the parent page just frozen and no popup appears at all on the other side i have a grid view when i click on the last button on it the popup appears where the other buttons on the grid view make the same behavior of my first button , i donot know what is the problem my panel visibility = true and no setting in my behind code..i view the source and i find the panel with its contents then why the popup window doesnot appear.
my aspx::
<asp:Panel id="master_editMode" runat="server" >
<div id="masterDiv" style="width:98%" dir="rtl">
<div id="masterControls" align="center">
<table border="0" width="98%">
<tr>
<td align="center" dir="rtl">
<asp:ObjectDataSource ID="ObjDS_AllTasks" runat="server"
SelectMethod="Get_All_Tasks" TypeName="DocumentFlowModuleDTO.TaskDTO">
</asp:ObjectDataSource>
<asp:HiddenField ID="hd_Task_Code" runat="server" />
<table>
<tr>
<td>
<asp:Label ID="Label11" runat="server" Text="Search for Task" Visible="False"></asp:Label>
</td>
<td align="right">
<asp:TextBox ID="txt_Search" runat="server" AutoPostBack="True"
ontextchanged="txt_Search_TextChanged" Width="200px" Visible="False"></asp:TextBox>
</td>
<td>
</td>
</tr>
<tr>
<td colspan="3">
<asp:GridView ID="grd_AllTasks" runat="server" AllowPaging="True"
AutoGenerateColumns="False" CssClass="Alternating" DataKeyNames="task_code"
DataSourceID="ObjDS_AllTasks"
onpageindexchanging="grd_AllTasks_PageIndexChanging"
onrowdatabound="grd_AllTasks_RowDataBound" style="margin-right: 0px">
<RowStyle VerticalAlign="Top" />
HeaderText="ÍÐÝ">
<ItemTemplate>
<asp:ImageButton ID="btn_Delete_Task" runat="server"
CommandArgument="<%# Bind('task_code') %>" Height="33px"
ImageUrl="~/Images/delete.png" oncommand="btn_Delete_Task_Command"
Width="67px" />
<cc1:ConfirmButtonExtender ID="btn_Delete_Task_ConfirmButtonExtender"
runat="server" ConfirmText="åá ÊÑíÏ ÍÐÝ æËíÞÉ ÇáÇÚÊãÇÏ " Enabled="True"
TargetControlID="btn_Delete_Task">
</cc1:ConfirmButtonExtender>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle HorizontalAlign="Right" />
</asp:GridView>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="right" dir="rtl">
<asp:Label ID="lbl_TaskName" runat="server" Font-Bold="True" Font-Size="13pt"></asp:Label>
</td>
</tr>
<tr>
<td align="center" dir="rtl" style="height: 196px">
<table>
<tr>
<td align="left">
<asp:Label ID="lbl_No_States" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>
</td>
<td align="right">
<asp:ImageButton ID="btn_AddStatesToTask" runat="server"
ImageUrl="Images/add.png" onclick="btn_AddStatesToTask_Click" Visible="False" />
<asp:Button ID="Dummy_btn2" runat="server" Text="Button" Style="display:none;" />
<cc1:ModalPopupExtender ID="btn_AddStatesToTask_ModalPopupExtender"
runat="server"
TargetControlID="Dummy_btn2"
BackgroundCssClass="modalBackground"
PopupControlID="pnl_Add_States"
DropShadow="True">
</cc1:ModalPopupExtender>
</td>
</tr>
</table>
<asp:HiddenField ID="hd_StateSerial" runat="server" />
<asp:HiddenField ID="hd_StateRowIndex" runat="server" />
<asp:GridView ID="grd_States" runat="server" AllowPaging="True" DataKeyNames="state_serial"
onpageindexchanging="grd_States_PageIndexChanging" Visible="False"
CssClass="Alternating" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="state_name" HeaderText="ÇáãÑÍáÉ"
ShowHeader="False" />
<asp:BoundField DataField="state_order" HeaderText="ÊÑÊíÈ ÇáãÑÍáÉ"
ShowHeader="False" />
<asp:TemplateField HeaderText="Power" ShowHeader="False">
<EditItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</EditItemTemplate>
<ItemTemplate>
<asp:CheckBox ID="chb_StatePower" runat="server"
Checked='<%# Convert.ToBoolean(Eval("power_flag")) %>' Enabled="False" />
</ItemTemplate>
<ItemStyle Width="40px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="New" ShowHeader="False">
<EditItemTemplate>
<asp:CheckBox ID="CheckBox3" runat="server" />
<asp:Button ID="Dummy_btn4" runat="server" Text="Button" Style="display:none;" />
<cc1:ModalPopupExtender ID="btn_TaskState_Edit_ModalPopupExtender" runat="server"
TargetControlID="Dummy_btn4"
BackgroundCssClass="modalBackground"
PopupControlID="pnl_Add_States"
DropShadow="True">
</cc1:ModalPopupExtender>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="ÍÐÝ" ShowHeader="False">
<ItemTemplate>
<asp:ImageButton ID="btn_TaskState_Delete" runat="server"
CommandArgument="<%# Bind('state_serial') %>" Height="26px"
ImageUrl="~/Images/delete.png" oncommand="btn_TaskState_Delete_Command"
Width="47px" />
<cc1:ConfirmButtonExtender ID="btn_TaskState_Delete_ConfirmButtonExtender"
runat="server" ConfirmText="åá ÊÑíÏ ÍÐÝ ÇáãÑÍáÉ " Enabled="True"
TargetControlID="btn_TaskState_Delete">
</cc1:ConfirmButtonExtender>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
</tr>
<tr>
<td>
<asp:ObjectDataSource ID="ObjectDataSource_States" runat="server"
SelectMethod="Select_TaskStates" TypeName="DocumentFlowModule.DTO.TaskStateDTO">
<SelectParameters>
<asp:Parameter Name="task_code" Type="Int32" />
</SelectParameters>
</asp:ObjectDataSource>
</td>
</tr>
</table>
</div>
</div>
</asp:Panel>
<asp:Panel ID="pnl_Add_Task" runat="server" CssClass="modalPopup"><%-- Style="display:none;"--%>
<div id="div3" style="width: 95%">
<div id="div4" align="center">
<table>
<tr>
<td>
<asp:UpdatePanel ID="UpPnl1" runat="server">
<ContentTemplate>
<table dir="rtl" style="text-align: right">
<tr bgcolor="#f1ece2">
<th align="right" height="35" valign="middle" colspan="3">
<asp:Label ID="lbl_New_Task" runat="server" Font-Bold="False" Font-Size="14pt"
Text="ÅÖÇÝÉ æËíÞÉ ÇÚÊãÇÏ" Visible="False"></asp:Label>
<asp:Label ID="lbl_Edit_Task" runat="server" Font-Bold="False" Font-Size="14pt"
Text="ÊÚÏíá æËíÞÉ ÇÚÊãÇÏ" Visible="False"></asp:Label>
</th>
</tr>
<tr>
<td class="title" width="160">
<asp:Label ID="Label1" runat="server" Text="Task Name"></asp:Label>
</td>
<td style="width: 140px">
<asp:TextBox ID="txt_TaskName" runat="server"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="txt_TaskName" ErrorMessage="*" ValidationGroup="G1"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="title" width="160">
<asp:Label ID="Label10" runat="server" Text="DataBase Name"></asp:Label>
</td>
<td style="width: 140px">
<asp:DropDownList ID="ddl_DataBases" runat="server" AutoPostBack="True"
onselectedindexchanged="ddl_DataBases_SelectedIndexChanged">
</asp:DropDownList>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"
ControlToValidate="ddl_DataBases" ErrorMessage="*" InitialValue="--Select--"
ValidationGroup="G1"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="title" width="160">
<asp:Label ID="Label2" runat="server" Text="Table Name"></asp:Label>
</td>
<td style="width: 140px">
<asp:DropDownList ID="ddl_Tables" runat="server" AutoPostBack="True"
ondatabound="ddl_Tables_DataBound"
onselectedindexchanged="ddl_Tables_SelectedIndexChanged">
</asp:DropDownList>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server"
ControlToValidate="ddl_Tables" ErrorMessage="*" InitialValue="--Select--"
ValidationGroup="G1"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="title" width="160">
<asp:Label ID="Label17" runat="server" Text="Table Key"></asp:Label>
</td>
<td style="width: 140px">
<asp:Label ID="lbl_Key" runat="server"></asp:Label>
<asp:CheckBoxList ID="cbl_Columns" runat="server">
</asp:CheckBoxList>
</td>
<td>
<asp:Label ID="lbl_Select_Key" runat="server" ForeColor="Red"></asp:Label>
</td>
</tr>
<tr>
<td class="title" width="160">
<asp:Label ID="Label18" runat="server" Text="Current Record State"></asp:Label>
</td>
<td style="width: 140px">
<asp:DropDownList ID="ddl_Columns" runat="server" AutoPostBack="True"
ondatabound="ddl_Columns_DataBound">
</asp:DropDownList>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server"
ControlToValidate="ddl_Columns" ErrorMessage="*" InitialValue="--Select--"
ValidationGroup="G1"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="title" width="160">
<asp:Label ID="Label5" runat="server" Text="Form View "></asp:Label>
</td>
<td style="width: 140px">
<asp:TextBox ID="txt_F_View" runat="server"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server"
ControlToValidate="txt_F_View" ErrorMessage="*" InitialValue="--Select--"
ValidationGroup="G1"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="title" width="160">
<asp:Label ID="Label6" runat="server" Text="Form New"></asp:Label>
</td>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td dir="rtl" align="center">
<asp:ImageButton ID="btn_OK" runat="server" ImageUrl="~/Images/add.png"
onclick="btn_OK_Click" ValidationGroup="G1" Visible="False" />
<asp:ImageButton ID="btn_Edit" runat="server" ImageUrl="~/Images/edit.png"
onclick="btn_Edit_Click" ValidationGroup="G1" Visible="False" />
<asp:ImageButton ID="btn_Cancel_Task" runat="server" CausesValidation="False"
Height="36px" ImageUrl="~/Images/cancel.png" onclick="btn_Cancel_Task_Click" />
</td>
</tr>
</table>
</div>
</div>
</asp:Panel>
the btn_add _task does not make my popup appear just freeze the parent page
my .cs
protected void btn_Add_Task_Click(object sender, EventArgs e)
{
//AjaxControlToolkit.ModalPopupExtender modal1 = (AjaxControlToolkit.ModalPopupExtender) table1.FindControl("btn_Add_Task_ModalPopupExtender");
//modal1.Show();
grd_States.Visible = false;
lbl_No_States.Text = "";
btn_AddStatesToTask.Visible = false;
lbl_TaskName.Text = "";
//master_editMode.Visible = true;
//pnl_Add_Task.Visible = true;
btn_OK.Visible = true;
btn_Edit.Visible = false;
lbl_New_Task.Visible = true;
lbl_Edit_Task.Visible = false;
txt_TaskName.Text = "";
ddl_DataBases.ClearSelection();
ddl_Tables.Items.Clear();
ddl_Columns.Items.Clear();
cbl_Columns.Items.Clear();
txt_F_New.Text = "";
txt_F_View.Text = "";
txt_Params.Text = "";
txt_SP_Name.Text = "";
btn_Add_Task_ModalPopupExtender.Show();
}
EDITED::
<table align="center" dir="rtl">
<tr>
<td >
<asp:Button ID="Dummy_btn" runat="server" Text="Button" Style="display:none;" />
<asp:Button ID="btn_Add_Task" runat="server" Text="ÅÖÇÝÉ æËíÞÉ ÇÚÊãÇÏ ÌÏíÏÉ"
onclick="btn_Add_Task_Click" Font-Bold="True" Font-Size="12pt"
ForeColor="#0066FF" />
<cc1:ModalPopupExtender ID="btn_Add_Task_ModalPopupExtender" runat="server"
TargetControlID="Dummy_btn"
PopupControlID="pnl_Add_Task"
BackgroundCssClass="modalBackground"
DropShadow="True" >
</cc1:ModalPopupExtender>
</td>
</tr>
</table>`