AJAX :: Template Based Custom Control For Ajax Modal Popup

Jun 15, 2010

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.

View 2 Replies


Similar Messages:

AJAX :: Get A Modal Popup Inside A Modal Popup / Fire The Modal Popup On A Condition In A Text Change Event Of A Textbox?

Jan 17, 2010

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 Replies

AJAX :: Event Handler From Modal Popup Can't Seem To Find A Control That Is On The Modal Popup

Apr 9, 2010

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)
{
}
}

View 3 Replies

AJAX :: Adjust Height Of Modal Popup Based On Message

Jul 8, 2013

I am using ajax model pop up to show the message.

I need to adjust the height of the ajax model pop up based on the message i am binding.

View 1 Replies

AJAX :: Modal User Control On Top Of A Modal Popup + Javascript Causes Page Flash

Jul 29, 2010

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++;
}
}............

View 6 Replies

AJAX :: Modal Popup Based On Server Side Code Condition?

Mar 31, 2011

How can I show an AJAX modal popup based on some code logic and NOT based on a button to be clicked? For example:

if (!User.Identity.IsAuthenticated)
{
Show a modal popup here which says: 'This process is only available to users who are logged into the system.'
}

View 3 Replies

AJAX :: Modal Popup Extender And Link Button In Item Template Of GridView - Finding Alternative

Jun 25, 2010

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.

View 1 Replies

AJAX :: Modal Popup Click Control Within Panel Is Closing Popup

Jul 27, 2010

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]....

View 5 Replies

AJAX :: Modal PopUp Extender Catch Exception Error And Display On Modal Popup

Aug 11, 2010

Modal PopUp Extender Catch exception error and display on modal popup

[Code]....

View 2 Replies

AJAX :: User Control In Modal Popup?

May 11, 2010

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 Replies

AJAX :: Modal Popup Extender And Login Control?

Jan 8, 2010

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.

View 3 Replies

AJAX :: Styling Modal Popup Extender Control

Jan 21, 2010

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.

View 7 Replies

Ajax Modal Popup Loads Behind The Activex Control?

Aug 4, 2010

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.

View 2 Replies

AJAX :: Nested Modal Popup Extender Control

Jul 19, 2013

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.

<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="ImageButton1"
PopupControlID="Panel1" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" align="center">

[code]...

View 1 Replies

C# - Ajax Control Toolkit Modal Popup Extender Target Control Causes Postback

Jul 29, 2010

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.

View 1 Replies

AJAX :: Closing Modal PopUp Hide The Drop Down Control

Mar 26, 2010

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 Replies

AJAX :: Datalist And Control Toolkit Modal Popup Window?

Sep 3, 2010

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.

View 2 Replies

C# - Using Fileupload Control Inside Ajax Modal Popup Extender?

Feb 5, 2010

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:

<asp:GridView ID="gdvMngTeam" runat="server" CellPadding="4" AutoGenerateColumns="False"
ForeColor="#333333" GridLines="None" Width="100%" DataMember="ID"
onrowcommand="gdvMngTeam_RowCommand">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />

[Code].....

View 2 Replies

AJAX :: How To Block Input Control Using Modal Popup Control

Nov 15, 2010

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 Replies

Custom Server Controls :: Create A Custom Control From Currently Have Within A Modal Popup?

Feb 24, 2011

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..

[Code]....

View 2 Replies

AJAX :: Hide A Modal Popup When Another Modal Popup Is Shown

May 7, 2015

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!

View 1 Replies

Ajax - Alternatives To Modal Popup Extender - Can Control From Codebehind Easily?

Dec 10, 2010

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 :)?

View 2 Replies

AJAX :: Displaying Popup Message Within Ajax Modal Popup

Dec 7, 2010

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.

View 2 Replies

AJAX :: External Javascript Not Called While Calling It From A Control Inside Modal Popup?

Mar 27, 2010

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.

Below is a screenshot of that page.

View 3 Replies

AJAX :: Finding Control Toolkit Modal Popup Using JavaScript In Master Pages

Nov 15, 2011

I am using AJAX Modal Popup extender with Master Pages. Since the ID of the Modal Popup Extender changes due to Master Page I am not able to find it.

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved