Project Description
AdPanel is an AjaxControlToolkit based client side behavior for adding advertisenments and similar things - like partners - to the webpage automatically.

AdPanel

AdPanel is an AjaxControlToolkit based client side behavior for adding advertisenments and similar things - like partners - to the webpage automatically.

In the configuration applicable remote or local url based image, html markup for text based content and tooltip.

Usage

Stylesheets for jQuery UI and Twitter Bootstrap
<!DOCTYPE html>
<html>
   <head>   
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="http://code.jquery.com/ui/1.10.1/themes/base/minified/jquery-ui.min.css" rel="stylesheet" type="text/css" />
     <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  ...

Script references for AjaxControlToolkit scripts
<!DOCTYPE html>
<html>
  <head> 
     <script type="text/javascript" src="Scripts/MicrosoftAjax/Start.js"></script>
     <script type="text/javascript" src="Scripts/MicrosoftAjax/extended/ExtendedControls.js"></script>
     <script type="text/javascript" src="Scripts/MyClientControls/RegisterMyClientControls.js"></script>
   ...

Script loader based initialization
<!DOCTYPE html>
<html>
    <head>
       ...       
      <script type="text/javascript"> 
	Sys.require([Sys.scripts.AdPanel], function(){
		
	  $(document).ready(function() {
	    $create(Sys.Extended.UI.AdPanel, 
		{	 
		  Title: "Partners", 
		  Width: 270,
		  Height: 'auto',
		  Content: Sys.Extended.UI.AdPanelContent.Wrap,
		  Position: Sys.Extended.UI.AdPanelPosition.Right,
		  Layer: Sys.Extended.UI.AdPanelLayer.Block,
		  Ads: [
			  {
				tooltip: "AjaxControlToolkit",
				link: "http://ajaxcontroltoolkit.codeplex.com/",
				image: "img/partners/ToolkitLogo.jpg",
				width: Sys.Extended.UI.AdWidth.Inherit
			  }
		      ]
		  }, 
		  null, 
		  null, 
		  $get("centercontent"));		
		});
	});   
      </script>
    </head>
    <body>
        <div id="centercontent">

            The AdPanel behavior wrap this content, and align the AdPanel by property of Position.

            <div> ... other content ...</div>
        </div>
    </body>
</html>

Screenshot

AdPanel_screenshot2.png