Project DescriptionAdPanel 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
