DataBind with Ajax control

Question

Hi.. I am working in AJAX and use AjaxControlToolkit. How can we bind data with ModalPopupExtender control in AJAX?

Satyapriya Nayak · Answer

Hi Aaron Please refer the below link http://www.codeproject.com/Articles/34996/ASP-NET-AJAX-Control-Toolkit-ModalPopupExtender-Co Thanks

Ajitender Vijay · Answer

Hi... In this example i'm going to describe how to implement Ajax Modal PopUp Extender on Mouse Over in ASP.NET using C# and VB.NET For this to work u need to download and install ajaxcontroltoolkit Put AjaxControlToolkit.dll in BIN folder and register assembly in page directive of ur aspx page. Add this javascript method between section of page function MouseHover() { $find(modelPopupExtender1).show(); } Add new StyleSheet to solution and write below mentioned css style in it. 01body { 02 BACKGROUND: #fff;FONT: 12px/1.25 Helvetica Neue Arial sans-serif; 03 COLOR: #222; 04} 05.confirm-dialog { 06 BACKGROUND: url(img/box.png) no-repeat left top; 07 MARGIN: 0px auto;WIDTH: 330px;PADDING-TOP: 14px; 08 POSITION: relative; 09} 10.confirm-dialog .inner { 11 PADDING-RIGHT: 20px;PADDING-LEFT: 20px; 12 PADDING-BOTTOM: 11px;BACKGROUND: url(img/box.png) no-repeat left bottom; 13 FLOAT: left;MARGIN: 0px 0px -20px 0px;WIDTH: 290px;PADDING-TOP: 0px; 14} 15.confirm-dialog .base { 16 BORDER-TOP: #ddd 1px solid;BACKGROUND: url(img/base.png) no-repeat left bottom; 17 PADDING-BOTTOM: 4px;MARGIN-LEFT: -11px;MARGIN-RIGHT: -11px; 18 PADDING-TOP: 4px;TEXT-ALIGN: center; 19} 20.confirm-dialog H2 { 21 FONT-WEIGHT: bold;FONT-SIZE: 1.25em;COLOR: #f60;TEXT-ALIGN: center; 22} 23.confirm-dialog input { 24 WIDTH:50px; 25} 26.close { 27 DISPLAY: block;BACKGROUND: url(img/close.png) no-repeat 0px 0px; 28 LEFT: -5px;WIDTH: 26px;TEXT-INDENT: -1000em;POSITION: absolute; 29 TOP: -7px;HEIGHT: 26px; 30} 31.modalBackground { 32 background-color:Gray;filter:alpha(opacity=70);opacity:0.7; 33} The complete HTML source of page will look like this Ajax Model PopUp Extender With MouseOver Example function MouseHover() { $find(modelPopupExtender1).show(); } Example of using a ModalPopupExtender with with Mouse Over Hover over the hyperlink Mouse Over Here to Open PopUp to open pop up Thanks For Visiting This Site return false;/> Thanks Ajitender vijay