Modal popupextender with Login form
|
02-04-2011, 04:16 PM
Post: #2
|
|||
|
|||
RE: Modal popupextender with Login form
To start with, let's try to understand the ModalPopupExtender.
ModalPopup Description The ModalPopupExtender allows a page to display content to the user in a "modal" manner which prevents the user from interacting with the rest of the page. The modal content can be any hierarchy of controls and is displayed above a background that can have a custom style applied to it. When displayed, only the modal content can be interacted with; clicking on the rest of the page does nothing. When the user is done interacting with the modal content, a click of an OK/Cancel control dismisses the modal content and optionally runs a custom script. ModalPopup Properties The control is initialized with this code. The display on the modal popup element is set to None to avoid a flicker on render. The italic properties are optional: Collapse <ajaxToolkit:ModalPopupExtender ID="MPE" runat="server" TargetControlID="LinkButton1" PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="true" OkControlID="OkButton" OnOkScript="onOk()" CancelControlID="CancelButton" PopupDragHandleControlID="Panel3" /> * TargetControlID - The ID of the element that activates the modal popup * PopupControlID - The ID of the element to display as a modal popup * BackgroundCssClass - The CSS class to apply to the background when the modal popup is displayed * DropShadow - Set to True to automatically add a drop-shadow to the modal popup * OkControlID - The ID of the element that dismisses the modal popup * OnOkScript - Script to run when the modal popup is dismissed with the OkControlID * CancelControlID - The ID of the element that cancels the modal popup * OnCancelScript - Script to run when the modal popup is dismissed with the CancelControlID * PopupDragHandleControlID - The ID of the embedded element that contains the popup header/title which will be used as a drag handle * X - The X coordinate of the top/left corner of the modal popup (the popup will be centered horizontally if not specified) * Y - The Y coordinate of the top/left corner of the modal popup (the popup will be centered vertically if not specified) * RepositionMode - The setting that determines if the popup needs to be repositioned when the window is resized or scrolled This shows how you define the ModalPopupExtender for login and signup screen buttons: Collapse <modalpopupextender id="ModalPopupExtenderLogin" runat="server" targetcontrolid="Loginlnk" popupcontrolid="LoginPanel" backgroundcssclass="modalBackground" dropshadow="true" okcontrolid="LoginBtn" önokscript="ok()" cancelcontrolid="CancelBtn" /> <modalpopupextender id="ModalPopupExtenderSignup" runat="server" targetcontrolid="Signuplnk" popupcontrolid="SignupPanel" backgroundcssclass="modalBackground" dropshadow="true" okcontrolid="JoinBtn" önokscript="okJoin()" cancelcontrolid="CancelBtn2" /> Installation Download the AJAX Toolkit Version 1.0.20229 from this link: http://www.codeplex.com/AtlasControlTool...eId=11121. Also, you need ASP.NET AJAX Extensions 1.0 for ASP.NET 2.0...you can get it from this link: http://www.asp.net/ajax/downloads/. Once you have all those, open the sample project in VS2005, and it should work. Web Designers Directory | Advertise Web Design Business | Website Design |
|||
« Next Oldest | Next Newest »
|
Messages In This Thread |
Modal popupextender with Login form - dreamcon - 06-05-2010, 04:52 PM
RE: Modal popupextender with Login form - justinOrel - 02-04-2011 04:16 PM
RE: Modal popupextender with Login form - dianna - 08-06-2011, 04:29 PM
RE: Modal popupextender with Login form - eswari - 09-28-2011, 08:25 PM
[url=http://www.mandoctor.ru/]осложнения после варикоцеле[/url] - awaiscash - 11-14-2011, 08:03 AM
Антикоррозионная защита резервуаров, металлоконструкций, металлизационные покрытия - CromeMyncCymn - 11-15-2011, 10:07 AM
игры для андроид 2.2.1-1256 - Jonyhappy - 01-16-2012, 08:19 AM
hot xx black sex tube - yrtgUdjryf - 05-04-2012, 04:37 PM
Draw to a close Smoking Pill - chantix itching side effect - Inetaimmime - 06-05-2012, 07:36 PM
Stop Smoking Pill - chantix health problems - Inetaimmime - 06-05-2012, 08:43 PM
RE: Modal popupextender with Login form - markslatter - 09-14-2012, 12:21 AM
|
User(s) browsing this thread: 1 Guest(s)