DataBind with Ajax control

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.

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

Add this javascript method between section of page


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

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>


 
 

 

 

 

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

 

 

 
 

 

 
 



Thanks
Ajitender vijay