CINXE.COM
ASP.NET AJAX Tutorial for Beginners and Professionals with Source Code
<!DOCTYPE html> <html lang="en"> <head id="ctl00_Head1"><meta charset="utf-8" /><title> ASP.NET AJAX Tutorial for Beginners and Professionals with Source Code </title><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /><meta name="description" content="ASP.NET AJAX Tutorial - Free Beginner and Advanced Tutorials, Articles, Projects and Source Code for Software Developers, Professionals and Architects" /><meta name="keywords" content="ASP.NET AJAX, Free Beginner Advanced Tutorial, Articles, Source Code" /><meta name="author" content="DotNetCurry.com" /><meta name="CCBot" content="nofollow" /><link rel="shortcut icon" href="../img/favicon.ico" /><link rel="icon" type="image/ico" href="../img/favicon.ico" /><link rel="stylesheet" href="../js/font-awesome/css/font-awesome.min.css" /><link rel="canonical" href="https://www.dotnetcurry.com/tutorials/aspnet-ajax" /><link href="/content/site?v=dSwaMsW0iplPE-tk0JGVwhcZRf6VKKqSg-lTdPGvZso1" rel="stylesheet"/> <style>.async-hide { opacity: 0 !important} </style> <!-- GA disabled 17062020 --> <!--<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-NJXQ5BG':true});</script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-2417460-4', 'auto'); ga('require', 'GTM-NJXQ5BG'); ga('send', 'pageview'); </script>--> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1902706389940870', { //em: 'insert_email_variable' }); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1902706389940870&ev=PageView&noscript=1" /></noscript> <!-- DO NOT MODIFY --> <!-- End Facebook Pixel Code --> <!-- Twitter universal website tag code May 30 17 --> <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','nw0gz'); twq('track','PageView'); </script> <!-- End Twitter universal website tag code --> <meta name="verify-v1" content="Tm82h3UxQzm3pwChS26K2o7H9InN0VfUt+RTDZH583M=" /></head> <body> <form name="aspnetForm" method="post" action="./aspnet-ajax?CatID=59" id="aspnetForm"> <div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTMxMzk5ODYxMw8WAh4TVmFsaWRhdGVSZXF1ZXN0TW9kZQIBFgJmD2QWBAIBD2QWBgIDDxYCHgdjb250ZW50BZYBQVNQLk5FVCBBSkFYIFR1dG9yaWFsIC0gRnJlZSBCZWdpbm5lciBhbmQgQWR2YW5jZWQgVHV0b3JpYWxzLCBBcnRpY2xlcywgUHJvamVjdHMgYW5kIFNvdXJjZSBDb2RlIGZvciBTb2Z0d2FyZSBEZXZlbG9wZXJzLCBQcm9mZXNzaW9uYWxzIGFuZCBBcmNoaXRlY3RzZAIEDxYCHwEFREFTUC5ORVQgQUpBWCwgRnJlZSBCZWdpbm5lciBBZHZhbmNlZCBUdXRvcmlhbCwgQXJ0aWNsZXMsIFNvdXJjZSBDb2RlZAIKDxYCHgRUZXh0BVE8bGluayByZWw9ImNhbm9uaWNhbCIgaHJlZj0iaHR0cHM6Ly93d3cuZG90bmV0Y3VycnkuY29tL3R1dG9yaWFscy9hc3BuZXQtYWpheCIgLz5kAgMPZBYEAgEPZBYCAgEPZBYKZg8PFgIeB1Zpc2libGVnZBYGAgEPDxYCHghJbWFnZVVybAUyaHR0cHM6Ly93d3cuZG90bmV0Y3VycnkuY29tL2ltYWdlcy9jYXRlZ29yeS81OS5wbmdkZAIDDxYCHwIFsQE8aDEgY2xhc3M9J2FsaGVhZGVyJz5BU1AuTkVUIEFqYXggVHV0b3JpYWxzIC0gRm9yIEJlZ2lubmVycyAmIEFkdmFuY2VkIERldmVsb3BlcnM8L2gxPkFTUC5ORVQgQUpBWCBpcyBhIHNldCBvZiBleHRlbnNpb25zIHRvIGFkZCBBamF4IGZ1bmN0aW9uYWxpdHkgdG8geW91ciBBU1AuTkVUIGFwcGxpY2F0aW9ucy5kAgUPFgIeC18hSXRlbUNvdW50AgEWAmYPZBYCZg8VBAIyMAxBU1AuTkVUIEFKQVgHNTc1MDczMkJGaXZlIE1pbGxpb24gU2V2ZW4gSHVuZHJlZCBGaWZ0eSBUaG91c2FuZCBTZXZlbiBIdW5kcmVkIFRoaXJ0eSBUd29kAgIPD2QPEBYBZhYBFgIeDlBhcmFtZXRlclZhbHVlZBYBAgRkZAIGDw9kDxAWAmYCARYCFgIfBmQWAh8GBQI1ORYCAgNmZGQCDA8QDxYCHgtfIURhdGFCb3VuZGdkDxYwAgECAgIDAgQCBQIGAgcCCAIJAgoCCwIMAg0CDgIPAhACEQISAhMCFAIVAhYCFwIYAhkCGgIbAhwCHQIeAh8CIAIhAiICIwIkAiUCJgInAigCKQIqAisCLAItAi4CLwIwFjAQBRJqUXVlcnkgYW5kIEFTUC5ORVQFAjYzZxAFC0FTUC5ORVQgTVZDBQI2N2cQBQ9NaWNyb3NvZnQgQXp1cmUFAjczZxAFB0FTUC5ORVQFAjU0ZxAFDVZpc3VhbCBTdHVkaW8FAjYwZxAFGVNpbHZlcmxpZ2h0IDIsIDMsIDQgYW5kIDUFAjU2ZxAFDEFTUC5ORVQgQUpBWAUCNTlnEAUNV2luZG93cyBQaG9uZQUCNzBnEAUORXhwcmVzc2lvbiBXZWIFAjQ4ZxAFEEVudGl0eSBGcmFtZXdvcmsFAjcxZxAFBExJTlEFAjYyZxAFDi5ORVQgRnJhbWV3b3JrBQI2NmcQBQguTkVUIDMuNQUCNjlnEAUDV1BGBQI2OGcQBRBXaW5Gb3JtcyAmIFdpblJUBQI0N2cQBQJDIwUCNTVnEAUKU2hhcmVQb2ludAUCNjVnEAUQUHJvZHVjdCBBcnRpY2xlcwUCNjRnEAUOR2VuZXJhbCBUb3BpY3MFAjYxZxAFC09mZmljZSBBcHBzBQI3N2cQBQ1XaW5kb3dzIFZpc3RhBQI1MmcQBRJXaW5kb3dzIFN0b3JlIEFwcHMFAjc1ZxAFDEROQyBNYWdhemluZQUCNzRnEAUQRXhwcmVzc2lvbiBCbGVuZAUCNTBnEAUJV29yZCAyMDA3BQI1MWcQBQxPdXRsb29rIDIwMDcFAjU3ZxAFE0ludGVydmlldyBRdWVzdGlvbnMFAjU4ZxAFFFBhdHRlcm5zICYgUHJhY3RpY2VzBQI3MmcQBQdYYW1hcmluBQI4NmcQBRkuTkVUIFN0YW5kYXJkICYgLk5FVCBDb3JlBQI4OWcQBQlBbmd1bGFySlMFAjgwZxAFDEFTUC5ORVQgQ29yZQUCODhnEAULQmFja2JvbmUuanMFAjc5ZxAFD0Jvb3RzdHJhcCAmIENTUwUCOTFnEAUGRGV2T3BzBQI5NGcQBRJIVE1MNSAmIEphdmFTY3JpcHQFAjc4ZxAFCkphdmFTY3JpcHQFAjkzZxAFFU1hY2hpbmUgTGVhcm5pbmcgJiBBSQUCOTBnEAUHTm9kZS5qcwUCODFnEAUKUG93ZXJzaGVsbAUCODNnEAUSUHJvamVjdCBNYW5hZ2VtZW50BQI5NmcQBQdSZWFjdGpzBQI4N2cQBRJTb2Z0d2FyZSBHYXJkZW5pbmcFAjgyZxAFClR5cGVTY3JpcHQFAjg0ZxAFGVZTVFMgJiBURlMgKEF6dXJlIERldk9wcykFAjkyZxAFBlZ1ZS5qcwUCOTVnEAUmV2luZG93cyBDb21tdW5pY2F0aW9uIEZvdW5kYXRpb24gKFdDRikFAjc2ZxAFEldpbmRvd3MgU3RvcmUgQXBwcwUCODVnFgECB2QCEA8QZGQWAQIDZAIDDw9kFgQeC3BsYWNlaG9sZGVyBR1TZWFyY2ggRG90TmV0Q3VycnkuY29tIGZvci4uLh4Hb25Gb2N1cwUfdGhpcy5jbGFzc05hbWUgPSAnZm9ybS1jb250cm9sJ2QYAgUhY3RsMDAkTWFpbkNvbnRlbnQkQXJ0aWNsZUxpc3RpbmcxDxQrAAZkZ2dnZ2dkBS1jdGwwMCRNYWluQ29udGVudCRBcnRpY2xlTGlzdGluZzEkZ3Z3QXJ0aWNsZXMPPCsADAMGFQECSUQHFCsAFBQrAAECjAQUKwABAp8CFCsAAQKdAhQrAAECgAIUKwABAuYBFCsAAQLjARQrAAEC2wEUKwABAtcBFCsAAQLVARQrAAEC1AEUKwABAtIBFCsAAQLKARQrAAECyAEUKwABArUBFCsAAQKyARQrAAECsAEUKwABAqcBFCsAAQKVARQrAAECbxQrAAECbQgCAWRBzHm6WVSctI/BcAl20gja41OdTA==" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="767EA0A4" /> </div> <div class="wrapper"> <!-- header --> <header class="header header-megamenu"> <nav class="navbar navbar-default" role="navigation"> <div class="container"> <!--<div class="search-bar"> <input type="search" onkeyup="executeQuery();" placeholder="Type search text here..." name="search" id="search-keyword"> <div class="search-close" id="x"><i class="fa fa-times"></i></div> </div>--> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--<a class="navbar-brand" href="./index.html"> <img src="img/dnc-logo-tee-trans.png" srcset="img/dnc-logo-small.jpg 1980w, img/dnc-logo-x-small.jpg 320w" sizes ="100vw" class="img-responsive" alt="DNC Magazine" /> </a>--> <a class="navbar-brand" href="https://www.dotnetcurry.com"> <img src="/img/dnc-logo-small.jpg" class="img-responsive" alt="DNC Magazine" /> </a> </div> <!--<div class="search-trigger pull-right"></div>--> <div class="navbar-social pull-right visible-xs-block, hidden-xs"> <a href="https://www.facebook.com/dotnetcurry"><img src="/img/icon/fb.png" class="img-responsive" alt="DotNetCurry's Official Facebook Account" /></a> <a href="https://www.twitter.com/dotnetcurry"><img src="/img/icon/twit.png" class="img-responsive" alt="DotNetCurry's Official Twitter Account" /></a> <a href="https://github.com/dotnetcurry"><img src="/img/icon/git.png" class="img-responsive" alt="DotNetCurry's Official Github Account" /></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dropdown megamenu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tutorials <span class="fa fa-angle-down"></span></a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-md-3"> <h5>ASP.NET</h5> <a href="https://www.dotnetcurry.com/tutorials/aspnet">ASP.NET</a> <a href="https://www.dotnetcurry.com/tutorials/aspnet-mvc">ASP.NET MVC</a> <a href="https://www.dotnetcurry.com/tutorials/aspnet-core">ASP.NET Core</a> <a href="https://www.dotnetcurry.com/tutorials/sharepoint">SharePoint</a> <a href="https://www.dotnetcurry.com/tutorials/aspnet-ajax" class="last">ASP.NET AJAX</a> <h5>Patterns and Practices</h5> <a href="https://www.dotnetcurry.com/tutorials/software-gardening">Software Gardening</a> <a href="https://www.dotnetcurry.com/tutorials/patterns-practices">Design Patterns</a> </div> <div class="col-md-3"> <h5>.NET</h5> <a href="https://www.dotnetcurry.com/tutorials/csharp">C#</a> <a href="https://www.dotnetcurry.com/tutorials/visualstudio">Visual Studio</a> <a href="https://www.dotnetcurry.com/tutorials/vsts-tfs">VSTS (Azure DevOps) & TFS</a> <a href="https://www.dotnetcurry.com/tutorials/linq">LINQ</a> <a href="https://www.dotnetcurry.com/tutorials/entityframework">Entity Framework</a> <a href="https://www.dotnetcurry.com/tutorials/dotnetframework">.NET Framework</a> <a href="https://www.dotnetcurry.com/tutorials/dotnet-standard-core">.NET Standard & .NET Core</a> <a href="https://www.dotnetcurry.com/tutorials/wpf">WPF</a> <a href="https://www.dotnetcurry.com/tutorials/wcf">WCF</a> <a href="https://www.dotnetcurry.com/tutorials/winforms">WinForms</a> </div> <div class="col-md-3"> <h5>Cloud and Mobile</h5> <a href="https://www.dotnetcurry.com/tutorials/windows-azure">Microsoft Azure</a> <a href="https://www.dotnetcurry.com/tutorials/devops">DevOps</a> <a href="https://www.dotnetcurry.com/tutorials/xamarin">Xamarin</a> <a href="https://www.dotnetcurry.com/tutorials/powershell">Powershell</a> <a href="https://www.dotnetcurry.com/tutorials/machine-learning-ai">Machine Learning & AI</a> <a href="https://www.dotnetcurry.com/tutorials/windows-store">UWP & Windows Store</a> <a href="https://www.dotnetcurry.com/tutorials/windowsphone" class="last">Windows Phone</a> <h5>Useful</h5> <a href="https://www.dotnetcurry.com/tutorials/dotnetinterview">.NET Interview Q&A</a> <a href="https://www.dotnetcurry.com/tutorials/product-articles-review">Product Reviews</a> <a href="https://www.dotnetcurry.com/tutorials/general-programming-topics">General Topics</a> </div> <div class="col-md-3"> <h5>JavaScript</h5> <a href="https://www.dotnetcurry.com/tutorials/jquery-aspnet">jQuery</a> <a href="https://www.dotnetcurry.com/tutorials/angularjs">Angular</a> <a href="https://www.dotnetcurry.com/tutorials/typescript">TypeScript</a> <a href="https://www.dotnetcurry.com/tutorials/nodejs">Node.js</a> <a href="https://www.dotnetcurry.com/tutorials/reactjs">React.js</a> <a href="https://www.dotnetcurry.com/tutorials/backbonejs">Backbone.js</a> <a href="https://www.dotnetcurry.com/tutorials/html5-javascript">HTML5 & JavaScript</a> <a href="https://www.dotnetcurry.com/tutorials/bootstrap-css">Bootstrap & CSS</a> </div> <div class="col-md-3"> <h5>Publications</h5> <a href="http://www.jquerycookbook.com/">Books</a> <a href="https://www.dotnetcurry.com/magazine/" class="last">Magazines</a> <h5>Older Technologies</h5> <a href="https://www.dotnetcurry.com/tutorials/silverlight">Silverlight</a> <a href="https://www.dotnetcurry.com/tutorials/expression-web">Expression Web</a> <a href="https://www.dotnetcurry.com/tutorials/expression-blend">Expression Blend</a> <a href="https://www.dotnetcurry.com/tutorials/windows-vista">Windows Vista</a> <a href="https://www.dotnetcurry.com/tutorials/microsoft-word">Word 2007</a> <a href="https://www.dotnetcurry.com/tutorials/microsoft-outlook">Outlook 2007</a> <a href="#"></a> </div> </div> </li> </ul> </li> <li class="dropdown megamenu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Featured <span class="fa fa-angle-down"></span></a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-md-3 col-xs-12"> <div class="header-post"> <a href="https://www.dotnetcurry.com/angular/1385/angular-4-cheat-sheet"> <div class="hp-thumb"> <img data-src="/img/header/1385.jpg" class="img-responsive lazyload" alt="" /> </div> </a> <date>Aug 30, 2017</date> <h4><a href="https://www.dotnetcurry.com/angular/1385/angular-4-cheat-sheet">Angular 4 Development Cheat Sheet</a></h4> <p class="hidden-xs">A quick reference guide to get you going with Angular development. It uses Angular v4 with TypeScript.</p> </div> </div> <div class="col-md-3 col-xs-12"> <div class="header-post"> <a href="https://www.dotnetcurry.com/patterns-practices/1364/error-handling-dotnet-projects"> <div class="hp-thumb"> <!-- <div class="hp-overlay"> <img src="img/header/gallery.png" alt=""/> <span>12 Photos</span> </div> --> <img data-src="/img/header/1364.jpg" class="img-responsive lazyload" alt="" /> </div> </a> <date>May 12, 2017</date> <h4><a href="https://www.dotnetcurry.com/patterns-practices/1364/error-handling-dotnet-projects">Error Handling in Large .NET Projects - Best Practices</a></h4> <p class="hidden-xs">Learn some effective error handling strategies that you can use in your .NET projects.</p> </div> </div> <div class="col-md-3 col-xs-12"> <div class="header-post"> <a href="https://www.dotnetcurry.com/patterns-practices/1375/behavior-driven-development-bdd"> <div class="hp-thumb"> <img data-src="/img/header/1375.jpg" class="img-responsive lazyload" alt="" /> </div> </a> <date>July 3, 2017</date> <h4><a href="https://www.dotnetcurry.com/patterns-practices/1375/behavior-driven-development-bdd">Behavior Driven Development (BDD) – an in-depth look</a></h4> <p class="hidden-xs">Learn how Behavior Driven Development (BDD) works with a real-world example of how to use it.</p> </div> </div> <div class="col-md-3 col-xs-12"> <div class="header-post"> <a href="https://www.dotnetcurry.com/patterns-practices/1305/aspect-oriented-programming-aop-csharp-using-solid"> <div class="hp-thumb"> <img data-src="/img/header/1305.jpg" class="img-responsive lazyload" alt="" /> </div> </a> <date>Sep 25, 2016</date> <h4><a href="https://www.dotnetcurry.com/patterns-practices/1305/aspect-oriented-programming-aop-csharp-using-solid">Aspect Oriented Programming (AOP) in C# with SOLID</a></h4> <p class="hidden-xs">Aspect Oriented Programming (AOP) in C# using SOLID principles, with challenges and solutions.</p> </div> </div> <div class="col-md-3 col-xs-12"> <div class="header-post"> <a href="https://www.dotnetcurry.com/javascript/1359/javascript-frameworks-aspnet-mvc-developer"> <div class="hp-thumb"> <img data-src="/img/header/1359.jpg" class="img-responsive lazyload" alt="" /> </div> </a> <date>Sep 25, 2016</date> <h4><a href="https://www.dotnetcurry.com/javascript/1359/javascript-frameworks-aspnet-mvc-developer">JavaScript Frameworks for ASP.NET MVC Developers</a></h4> <p class="hidden-xs">Learn about a few JavaScript frameworks, and which one will be a good fit in your ASP.NET MVC apps</p> </div> </div> </div> </li> </ul> </li> <li class="dropdown megamenu"> <a href="https://www.dotnetcurry.com/magazine/">.NET Magazines</a> </li> <li class="dropdown dropdown-v1"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<span class="fa fa-angle-down"></span></a> <ul class="dropdown-menu"> <li><a href="https://www.dotnetcurry.com/About.aspx">About Us</a></li> <li><a href="https://www.dotnetcurry.com/WriteForUs.aspx">Write For Us</a></li> <li><a href="https://www.dotnetcurry.com/Contact.aspx">Contact Us</a></li> </ul> </li> <!--<li class="dropdown megamenu"> <a href="https://www.dotnetcurry.net/s/dnc-products">Developer Tools</a> </li>--> </ul> </div> <!-- /.navbar-collapse --> </div> </nav> </header> <!--header--> <!-- container --> <div class="container"> <div class="clearfix divborder"> <div class="col-md-8 column"> <div id="ctl00_MainContent_ArticleListing1_catBio" class="author-wrap-new row"> <div class="margin-vertical-20"> <div class="author-image"> <img id="ctl00_MainContent_ArticleListing1_imgCategory" onerror="this.onload = null; this.src='/images/category/NoImage.jpg';" src="https://www.dotnetcurry.com/images/category/59.png" style="border-width:0px;" /> </div> <div class="author-desc"> <h1 class='alheader'>ASP.NET Ajax Tutorials - For Beginners & Advanced Developers</h1>ASP.NET AJAX is a set of extensions to add Ajax functionality to your ASP.NET applications. </div> </div> <br /> <div> So far, we have published <b>20 ASP.NET AJAX tutorials and articles</b>, which have been read by over <b>5750732 (Five Million Seven Hundred Fifty Thousand Seven Hundred Thirty Two) </b> developers and architects. </div> <hr> </div> <div> <table cellspacing="0" border="0" id="ctl00_MainContent_ArticleListing1_gvwArticles" style="border-collapse:collapse;"> <tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl02_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=524">Using Script reference Profiler to Improve the Performance of an ASP.NET AJAX page</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl02_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Girish Dagdiya">Girish Dagdiya</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl02_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 6/14/2010 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="524" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 108726 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> This article demonstrates how to use Script reference profiler to improve performance of an ASP.NET AJAX page. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl02_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=524">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl03_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=287">ASP.NET AJAX SlideShow Extender - Some Common Tips and Tricks</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl03_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl03_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 3/16/2009 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="287" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 288087 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The ASP.NET AJAX SlideShow is cool extender control that comes with the ASP.NET AJAX control toolkit and can be used to create a Slide show by looping images in a round robin fashion. The images are configured with the SlideShow by using a PageMethod or a webservice. In this article, we will see common tips and tricks while using the SlideShow Extender control. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl03_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=287">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl04_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=285">Using the ASP.NET AJAX ModalPopup in an ASP.NET 3.5 Application</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl04_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Malcolm Sheridan">Malcolm Sheridan</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl04_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 3/12/2009 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="285" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 281718 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The following article demonstrates how to use the Microsoft Ajax Control Toolkit’s Modal Popup with an ASP.NET 3.5 application. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl04_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=285">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl05_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=256">Executing ClientScript Before and After an Asynchronous PostBack using ASP.NET AJAX</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl05_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl05_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 1/13/2009 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="256" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 168286 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> A user recently mailed me to find out if there is a way to determine, when an asynchronous postback begins and ends in an ASP.NET AJAX page. He wanted to fire some JavaScript code during these events. Here’s how to determine the events. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl05_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=256">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl06_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=230">ASP.NET AJAX CollapsiblePanelExtender - Tips and Tricks</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl06_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl06_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 11/20/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="230" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 395780 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> As given in the ASP.NET AJAX toolkit documentation, the CollapsiblePanel is a very flexible extender control that allows you to easily add collapsible sections to your web page. In this article, we will see six tips while working with the CollapsiblePanelExtender </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl06_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=230">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl07_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=227">3 Different Ways to Display Progress in an ASP.NET AJAX Application</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl07_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl07_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 11/10/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="227" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 550001 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> In this article, we will study three different techniques that allow you to visually display progress to users while performing partial-page updates using the UpdatePanel. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl07_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=227">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl08_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=219">GridView Paging using ASP.NET AJAX Slider Extender</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl08_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl08_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 10/23/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="219" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 163457 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> In this article, we will explore how to implement paging in an ASP.NET GridView using an ASP.NET AJAX Slider Extender. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl08_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=219">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl09_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=215">6 Tips for Working with the ASP.NET AJAX Accordion Control</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl09_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl09_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 10/15/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="215" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 213626 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> Here are 6 tips that could help you out in your projects while dealing with ASP.NET AJAX Accordion Control. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl09_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=215">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl10_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=213">Using the ASP.NET AJAX Accordion to Dynamically Display Content From the Database</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl10_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl10_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 10/11/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="213" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 118586 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> In this article, we will see how to dynamically pull data from the database and display it using an ASP.NET AJAX Accordion control. We will be using the data from the Employees table of the Northwind database. We have specifically chosen this table so in order to demonstrate how to display images dynamically in an Accordion control. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl10_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=213">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl11_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=212">Display Master-Detail Data with the ModalPopup Extender and GridView</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl11_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl11_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 10/9/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="212" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 249599 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> In the past we have often used the combination of the GridView and DetailsView to display Master-Detail data. Similarly, developers have used pop-ups to depict similar scenarios where a user clicks on a ‘master’ row and the details are displayed in a pop-up window. I was recently exploring the ModalPopup extender control which allows a page to display content to the user in a "modal" manner. I thought of trying out the Master-Details scenario using the ModalPopup Extender. This article discusses how to do so </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl11_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=212">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl12_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=210">Top 5 ASP.NET AJAX Articles You Must Read</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl12_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl12_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 10/3/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="210" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 73078 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> If you have missed out on some top articles of ASP.NET AJAX on dotnetcurry.com, then this is a must read for you. The Top 5 articles have been decided by our editorial panel based on the popularity of the article, user rating and top views of the articles. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl12_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=210">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl13_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=202">How to Rotate Ads without Refreshing the Page using AdRotator and ASP.NET AJAX</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl13_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl13_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 9/17/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="202" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 207560 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The AdRotator control in ASP.NET is extremely handy when it comes to randomly displaying advertisements on your site. However the ads are rotated only when the user refreshes the page. In this article, we will explore how you can easily rotate ads at regular intervals, without the user refreshing the page. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl13_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=202">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl14_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=200">Add JavaScript programmatically using RegisterStartupScript during an Asynchronous postback </a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl14_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl14_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 9/11/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="200" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 252962 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The ClientScriptManager class contains various methods to add client scripts to a webpage using server side code. One of the methods you can use is the RegisterStartupScript() method of the ClientScriptManager class. However, this method does not work if the control used to register this method is wrapped inside an UpdatePanel. In this short article, we will explore how to add javascript programmatically using the ScriptManager.RegisterStartupScript, while performing an asynchronous postback. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl14_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=200">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl15_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=181">Retain position of a DragPanel Extender after postback using ASP.NET AJAX</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl15_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl15_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 7/29/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="181" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 106993 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The DragPanel extender makes it extremely simple to add a ‘drag’ to your controls. However there is a functionality missing in the DragPanel extender. The DragPanel extender does not have the built-in capability to retain the position of controls that have been dragged, after a page postback. In this article, we will see how to retain the position of the DragPanel extender, after a postback. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl15_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=181">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl16_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=178">ASP.NET AJAX TabContainer – Tips and Tricks</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl16_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl16_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 7/23/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="178" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 593152 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> An ASP.NET AJAX TabContainer creates a set of Tabs that can be used to save screen space and organize content. The TabContainer contains a number of TabPanel controls. You can place your controls inside each TabPanel. In this article, we will explore some common tips and tricks with the ASP.NET AJAX TabContainer control. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl16_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=178">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl17_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=176">Cancelling an Asynchronous PostBack in ASP.NET AJAX</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl17_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl17_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 7/19/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="176" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 127528 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The behavior of an Asynchronous postback is quiet similar to a synchronous postback. In an asynchronous model, all the server side events occur, as they do in a synchronous model. The Microsoft AJAX Library also raises client side events. However when the page is rendered, asynchronous postback renders only the contents of the update panel, where as in a synchronous postback, the entire page is recreated and sent back to the browser. In one of the previous articles, I had shown how to cancel a Synchronous Postback using ASP.NET. In this article, we will see how to cancel an Asynchronous postback. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl17_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=176">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl18_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=167">ASP.NET AJAX DropDownExtender - Tips and Tricks</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl18_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl18_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 6/29/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="167" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 191913 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The DropDownExtender is an ASP.NET AJAX control that can be attached to almost any ASP.NET control to provide a drop-down menu. In this article, we will see some tips and tricks that can be applied to a DropDownExtender control. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl18_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=167">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl19_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=149">ASP.NET AJAX Calendar Extender – Tips and Tricks</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl19_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl19_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 5/2/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="149" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 750446 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The CalendarExtender is an ASP.NET AJAX control that is associated with a TextBox control. When the user clicks on the TextBox, a client-side Calendar control pops up. The user can then set a date by clicking on a day, navigate months by clicking on the left and right arrow and perform other such actions without a postback. In this article, we will see some tips and tricks that can be applied to a CalendarExtender control. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl19_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=149">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl20_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=111">Searching a ListBox or DropDownList using the ListSearchExtender Control using ASP.NET AJAX</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl20_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl20_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 2/16/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="111" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 89588 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> The ListSearchExtender control is a control that ships with the Microsoft AJAX Control Toolkit. ListSearchExtender enables the DropDownList and ListBox to be searchable. The user can navigate to and select an item in the list by simply typing the first few characters. This could be especially useful if there is a long list to be searched. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl20_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=111">Read More ...</a> </div> </div> </td> </tr><tr> <td> <div class="articlebox"> <div class="row"> <div class="articletitle"> <h2 class="articlehead"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl21_lnkTitle" class="artid" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=109">How to call Server Side function from Client Side Code using PageMethods in ASP.NET AJAX</a> </h2> <b>Authored by: </b> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl21_lblAddedBy" href="https://www.dotnetcurry.com/Author.aspx?AuthorName=Suprotim Agarwal">Suprotim Agarwal</a> in <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl21_lnkCategory" href="https://www.dotnetcurry.com/BrowseArticles.aspx?CatID=59">ASP.NET AJAX</a> on 2/13/2008 <br /> </div> </div> <div class="row"> <div class="articlestats"> <div class="stats1"> <div data-id="109" class="socialshare"> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/> </g> </svg> <span class="fbsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/> </g> </svg> <span class="twtsharelinktop"></span> </div> </div> </a> <a class="resp-sharing-button__link" target="_blank" aria-label=""> <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg> <span class="linkdinsharelinktop"></span> </div> </div> </a> <span class="font-custom"><i class="fa fa-eye"></i> 819644 views </span> </div> </div> </div> </div> <div class="row"> <div class="articleabstract"> <b>Abstract: </b> You cannot call server-side code ‘directly’ from client-side code. That is because by design, the server side code executes at server side and client side code at the client. However there are some workarounds. To call serverside code from javascript, you will need to use AJAX, and the easiest way out, is to use the ASP.NET AJAX Extensions. In this article, we will be using PageMethods to call server-side functions using javascript. </div> </div> <div class="row"> <a id="ctl00_MainContent_ArticleListing1_gvwArticles_ctl21_HyperLink1" class="readmore" href="https://www.dotnetcurry.com/ShowArticle.aspx?ID=109">Read More ...</a> </div> </div> </td> </tr> </table> </div> <br /> <div class="col-md-12 visible-md visible-lg"> <small><b>Article Filter :</b></small> <select name="ctl00$MainContent$ArticleListing1$ddlCategories" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$ArticleListing1$ddlCategories\',\'\')', 0)" id="ctl00_MainContent_ArticleListing1_ddlCategories"> <option value="0">All categories</option> <option value="63">jQuery and ASP.NET</option> <option value="67">ASP.NET MVC</option> <option value="73">Microsoft Azure</option> <option value="54">ASP.NET</option> <option value="60">Visual Studio</option> <option value="56">Silverlight 2, 3, 4 and 5</option> <option selected="selected" value="59">ASP.NET AJAX</option> <option value="70">Windows Phone</option> <option value="48">Expression Web</option> <option value="71">Entity Framework</option> <option value="62">LINQ</option> <option value="66">.NET Framework</option> <option value="69">.NET 3.5</option> <option value="68">WPF</option> <option value="47">WinForms & WinRT</option> <option value="55">C#</option> <option value="65">SharePoint</option> <option value="64">Product Articles</option> <option value="61">General Topics</option> <option value="77">Office Apps</option> <option value="52">Windows Vista</option> <option value="75">Windows Store Apps</option> <option value="74">DNC Magazine</option> <option value="50">Expression Blend</option> <option value="51">Word 2007</option> <option value="57">Outlook 2007</option> <option value="58">Interview Questions</option> <option value="72">Patterns & Practices</option> <option value="86">Xamarin</option> <option value="89">.NET Standard & .NET Core</option> <option value="80">AngularJS</option> <option value="88">ASP.NET Core</option> <option value="79">Backbone.js</option> <option value="91">Bootstrap & CSS</option> <option value="94">DevOps</option> <option value="78">HTML5 & JavaScript</option> <option value="93">JavaScript</option> <option value="90">Machine Learning & AI</option> <option value="81">Node.js</option> <option value="83">Powershell</option> <option value="96">Project Management</option> <option value="87">Reactjs</option> <option value="82">Software Gardening</option> <option value="84">TypeScript</option> <option value="92">VSTS & TFS (Azure DevOps)</option> <option value="95">Vue.js</option> <option value="76">Windows Communication Foundation (WCF)</option> <option value="85">Windows Store Apps</option> </select><br /> <small><b>Per page:</b></small> <select name="ctl00$MainContent$ArticleListing1$ddlArticlesPerPage" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$ArticleListing1$ddlArticlesPerPage\',\'\')', 0)" id="ctl00_MainContent_ArticleListing1_ddlArticlesPerPage"> <option value="5">5</option> <option value="10">10</option> <option value="25">25</option> <option selected="selected" value="50">50</option> <option value="100">100</option> </select><br /><br /> </div> </div> <div id="rightcol" class="col-md-4"> <!-- <div class="row"> <div class="spacerforsearch"> <div class="input-group"> <input name="ctl00$searchbox" id="ctl00_searchbox" type="text" class="form-control" placeholder="Search DotNetCurry.com for..." onFocus="this.className = 'form-control'" style="border-color:#94C7EF;border-width:1px;border-style:solid;width:100%" /> <span class="input-group-btn"> <input type="submit" name="ctl00$SearchButton" value="Go!" id="ctl00_SearchButton" class="btn btn-default" type="button" /> </span> </div> </div> </div> --> <div class="margin-vertical-20" /> <div class="side-widget"> <div class="featured-tools"> <span>Featured Tools</span> <div id="creatives"> <div id='ban-pos-1' style='display: none'> </div> <div id='ban-pos-2'> <div class="padding-vertical-10"></div> </div> <div id='ban-pos-3'> </div> <div class="padding-vertical-10"></div> <div id='ban-pos-4-250'> </div> <div id='ban-pos-5-250'> </div> <div id='ban-pos-6-250'> </div> </div> </div> </div> <div class="sec-title"> <h4>Categories</h4> </div> <div class="side-widget"> <ul id="toggle-view"> <li> <h3>.NET Web</h3> <span class="fa fa-angle-down"></span> <div class="toggle-panel"> <div> <a href="https://www.dotnetcurry.com/tutorials/aspnet">ASP.NET</a> <a href="https://www.dotnetcurry.com/tutorials/aspnet-mvc">ASP.NET MVC</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/aspnet-core">ASP.NET Core</a> <a href="https://www.dotnetcurry.com/tutorials/aspnet-ajax">ASP.NET AJAX</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/sharepoint">SharePoint</a> <a href="https://www.dotnetcurry.com/tutorials/wcf">WCF</a> </div> </div> </li> <li> <h3>.NET Framework, Visual Studio and C#</h3> <span class="fa fa-angle-down"></span> <div class="toggle-panel"> <div> <a href="https://www.dotnetcurry.com/tutorials/csharp">C#</a> <a href="https://www.dotnetcurry.com/tutorials/linq">LINQ</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/visualstudio">Visual Studio</a> <a href="https://www.dotnetcurry.com/tutorials/vsts-tfs">VSTS & TFS</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/entityframework">Entity Framework</a> <a href="https://www.dotnetcurry.com/tutorials/dotnetframework">.NET Framework</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/dotnet-standard-core">.NET Standard & .NET Core</a> </div> </div> </li> <li> <h3>Patterns & Practices</h3> <span class="fa fa-angle-down"></span> <div class="toggle-panel"> <div> <a href="https://www.dotnetcurry.com/tutorials/patterns-practices">Design Patterns</a> <a href="https://www.dotnetcurry.com/tutorials/software-gardening">Software Gardening</a> </div> </div> </li> <li> <h3>Cloud and Mobile</h3> <span class="fa fa-angle-down"></span> <div class="toggle-panel"> <div> <a href="https://www.dotnetcurry.com/tutorials/windows-azure">Microsoft Azure</a> <a href="https://www.dotnetcurry.com/tutorials/xamarin">Xamarin</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/powershell">Powershell</a> <a href="https://www.dotnetcurry.com/tutorials/machine-learning-ai">Machine Learning & AI</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/windows-store">UWP & Windows Store</a> <a href="https://www.dotnetcurry.com/tutorials/windowsphone">Windows Phone</a> </div> </div> </li> <li> <h3>JavaScript</h3> <span class="fa fa-angle-down"></span> <div class="toggle-panel"> <div> <a href="https://www.dotnetcurry.com/tutorials/typescript">TypeScript</a> <a href="https://www.dotnetcurry.com/tutorials/angularjs">Angular</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/jquery-aspnet">jQuery</a> <a href="https://www.dotnetcurry.com/tutorials/nodejs">Node.js</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/reactjs">React.js</a> <a href="https://www.dotnetcurry.com/tutorials/backbonejs">Backbone.js</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/html5-javascript">HTML5 & JavaScript</a> <a href="https://www.dotnetcurry.com/tutorials/bootstrap-css">Bootstrap & CSS</a> </div> </div> </li> <li> <h3>.NET Desktop</h3> <span class="fa fa-angle-down"></span> <div class="toggle-panel"> <div> <a href="https://www.dotnetcurry.com/tutorials/wpf">WPF</a> <a href="https://www.dotnetcurry.com/tutorials/winforms">WinForms</a> </div> </div> </li> <li> <h3>Interview Questions & Product Reviews</h3> <span class="fa fa-angle-down"></span> <div class="toggle-panel"> <div> <a href="https://www.dotnetcurry.com/tutorials/dotnetinterview">.NET Interview Q&A</a> <a href="https://www.dotnetcurry.com/tutorials/product-articles-review">Product Reviews</a> </div> <div> <a href="https://www.dotnetcurry.com/tutorials/general-programming-topics">General Topics</a> </div> </div> </li> </ul> </div> <div class="sec-title"> <h3><b>JOIN OUR COMMUNITY</b></h3> </div> <div class="side-widget"> <div class="side-social"> <a href="https://www.facebook.com/dotnetcurry"><i class="fa fa-facebook"></i> 50K+ <span>fans</span></a> <a href="https://www.twitter.com/dotnetcurry"><i class="fa fa-twitter"></i> 8K+ <span>followers</span></a> <a href="https://www.dotnetcurry.com/magazine/"><i class="fa fa-envelope"></i> 128K+ <span>subscribers</span></a> </div> </div> <div class="sec-title"> <h3><b>POPULAR ARTICLES</b></h3> </div> <div id="latestart" class="side-widget"> <div> <a id="ctl00_toplat_Repeater1_ctl00_lnkTitle" class="top" href="http://www.dotnetcurry.com/ShowArticle.aspx?ID=1608" style="color:#4A75AD;font-weight:normal;">What's New for ASP.NET Core & Blazor in .NET 9</a> <br /> <br /> <br /> </div> </div> <div id='ban-pos-7-600'> </div> <div id='ban-pos-8-600'> </div> <div class="sec-title-plain"> <h4>Tags</h4> </div> <div class="side-widget"> <div class="tags"> <a href="https://www.dotnetcurry.com/tutorials/aspnet-mvc">ASP.NET MVC</a> <a href="https://www.dotnetcurry.com/tutorials/aspnet-core">ASP.NET Core</a> <a href="https://www.dotnetcurry.com/tutorials/aspnet">ASP.NET</a> <a href="https://www.dotnetcurry.com/tutorials/sharepoint">SharePoint</a> <a href="https://www.dotnetcurry.com/tutorials/patterns-practices">Design Patterns</a> <a href="https://www.dotnetcurry.com/tutorials/csharp">C#</a> <a href="https://www.dotnetcurry.com/tutorials/linq">LINQ</a> <a href="https://www.dotnetcurry.com/tutorials/wpf">WPF</a> <a href="https://www.dotnetcurry.com/tutorials/wcf">WCF</a> <a href="https://www.dotnetcurry.com/tutorials/visualstudio">Visual Studio</a> <a href="https://www.dotnetcurry.com/tutorials/vsts-tfs">VSTS & TFS</a> <a href="https://www.dotnetcurry.com/tutorials/windows-azure">Azure</a> <a href="https://www.dotnetcurry.com/tutorials/entityframework">Entity Framework</a> <a href="https://www.dotnetcurry.com/tutorials/angularjs">Angular.js</a> <a href="https://www.dotnetcurry.com/tutorials/reactjs">React.js</a> <a href="https://www.dotnetcurry.com/tutorials/jquery-aspnet">jQuery</a> <a href="https://www.dotnetcurry.com/tutorials/html5-javascript">JavaScript</a> <a href="https://www.dotnetcurry.com/tutorials/html5-javascript">HTML5</a> <a href="https://www.dotnetcurry.com/tutorials/dotnet-standard-core">.NET Core</a> <a href="https://www.dotnetcurry.com/tutorials/dotnetframework">.NET Framework</a> </div> </div> <div class="sec-title"> <h3><b>JQUERY COOKBOOK</b></h3> </div> <div class="side-widget"> <a href="http://www.jquerycookbook.com"><img src="https://www.dotnetcurry.com/images/books/300x300-jqckbk.png" alt="jQuery CookBook" /></a> </div> </div> </div> </div> <!-- container --> </div> <!-- footer --> <footer class="margin-top-30"> <div class="container"> <div class="footer-head"> <div class="row center-content"> <div class="col-md-2 col-sm-3"> <a href="https://www.dotnetcurry.com"> <img data-src="/img/dnc-logo-tee-trans.png" class="img-responsive lazyload" alt="" /> </a> </div> <div class="col-md-6 col-sm-4"> <p></p> </div> <!--<div class="col-md-4 col-sm-5"> <form class="footer-search"> <input type="search" placeholder="Search"> <button type="submit"><i class="fa fa-search"></i></button> </form> </div>--> </div> </div> <div class="footer-content"> <div class="row"> <div class="col-sm-2"> <h5 class="text-white">Server-Side</h5> <ul class="footer-links"> <li><a href="https://www.dotnetcurry.com/tutorials/aspnet">ASP.NET</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/aspnet-core">ASP.NET Core</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/aspnet-mvc">ASP.NET MVC</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/wcf">WCF</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/sharepoint">SharePoint</a></li> </ul> </div> <div class="col-sm-2"> <h5 class="text-white">Client-side</h5> <ul class="footer-links"> <li><a href="https://www.dotnetcurry.com/tutorials/angularjs">Angular.js</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/reactjs">React.js</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/jquery-aspnet">jQuery</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/backbonejs">Backbone.js</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/html5-javascript">HTML5</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/bootstrap-css">CSS</a></li> </ul> </div> <div class="col-sm-2"> <h5 class="text-white">.NET</h5> <ul class="footer-links"> <li><a href="https://www.dotnetcurry.com/tutorials/csharp">C#</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/visualstudio">Visual Studio</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/vsts-tfs">VSTS & TFS</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/linq">LINQ</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/entityframework">Entity Framework</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/dotnetframework">.NET Framework</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/dotnet-standard-core">.NET Standard & .NET Core</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/wpf">WPF</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/winforms">WinForms</a></li> </ul> </div> <div class="col-sm-2"> <h5 class="text-white">Cloud and Mobile</h5> <ul class="footer-links"> <li><a href="https://www.dotnetcurry.com/tutorials/windows-azure">Microsoft Azure</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/devops">DevOps</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/xamarin">Xamarin</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/powershell">Powershell</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/machine-learning-ai">Machine Learning & AI</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/windows-store">UWP & Windows Store</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/windowsphone">Windows Phone</a></li> </ul> </div> <div class="col-sm-2"> <h5 class="text-white">Skill Up</h5> <ul class="footer-links"> <li><a href="https://www.dotnetcurry.com/tutorials/patterns-practices">Design Patterns</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/software-gardening">Software Gardening</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/dotnetinterview">.NET Interview Q&A</a></li> <li><a href="https://www.dotnetcurry.com/magazine/" class="last">Magazines</a></li> <li><a href="http://www.jquerycookbook.com/">Books</a></li> <li><a href="https://www.dotnetcurry.com/tutorials/product-articles-review">Product Reviews</a></li> </ul> </div> <div class="col-sm-2"> <h5 class="text-white">Follow Us</h5> <ul class="footer-social"> <li><a href="https://www.facebook.com/dotnetcurry">Facebook</a></li> <li><a href="https://www.twitter.com/dotnetcurry">Twitter</a></li> <li><a href="https://github.com/dotnetcurry">Github</a></li> </ul> </div> </div> </div> <div class="footer-bottom"> <div class="row"> <div class="col-sm-6"> <p>© 2007-2023 DotNetCurry.com (A subsidiary of A2Z Knowledge Visuals Pvt. Ltd). All rights reserved.</p> </div> <div class="col-sm-6 text-right"> <ul class="list-inline"> <li><a href="https://www.dotnetcurry.com/Contact.aspx">Contact Us</a></li> <li><a href="https://www.dotnetcurry.com/WriteForUs.aspx">Write For Us</a></li> <li><a href="https://www.dotnetcurry.com/PrivacyPolicy.aspx">Privacy</a></li> <li><a href="https://www.dotnetcurry.com/terms-conditions">Terms</a></li> </ul> </div> </div> </div> </div> </footer> <!-- footer --> </form> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script> <script src="/bundles/scriptsmin?v=ztXW8lGCJchjv7iQbaTOZjTpSGfOrLg1lKllrWansXI1"></script> <script src="/bundles/framework?v=yOkBizHgoWwNt4OFd4FauUxu9fucEJ_a4EJrci8uIGA1"></script> <script type="text/javascript"> SyntaxHighlighter.defaults['auto-links'] = false; SyntaxHighlighter.defaults['gutter'] = false; SyntaxHighlighter.defaults['toolbar'] = false; SyntaxHighlighter.all() </script> <script> $(function () { $('.tabHeader').children().first().addClass('current'); $('.tabContent').children().first().addClass('current'); $('.tabHeader li').click(function (e) { e.preventDefault(); $(this).siblings('.current').removeClass('current'); $(this).addClass('current'); $('.tabContent').children('.current').removeClass('current'); $('.tabContent').children().eq($(this).index()).addClass('current'); }); }); </script> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script> <script> WebFont.load({ google: { families: ['Hind Vadodara:300,400,500,600,700'] } }); </script> </body> </html>