<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-611665344990584879</id><updated>2024-12-18T19:28:38.271-08:00</updated><category term="ASP.NET"/><category term="JQuery"/><category term="WMI Class Examples"/><category term="Web Service"/><category term="C#"/><category term="GridView"/><category term="Windows Form"/><category term="Google Map"/><category term="Google Search"/><category term="SQL"/><title type='text'>DOT NET MY LIFE</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-2902459510488467473</id><published>2013-11-07T03:12:00.002-08:00</published><updated>2013-11-07T03:12:32.722-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><category scheme="http://www.blogger.com/atom/ns#" term="Google Search"/><title type='text'>Google Search In ASP NET</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt; &lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;This
 article describes how to add a Google search feature in ASP.Net.&amp;nbsp; Here I
 will describe how to communicate with the Google search API.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Description&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Since
 it is&amp;nbsp;third party software, we require&amp;nbsp;a third-party DLL to be 
referenced&amp;nbsp;by our application that will communicate with the Google 
server.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 12pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;For this we must download the Google Search API:&lt;/span&gt;&lt;/div&gt;
&lt;ol type=&quot;1&quot;&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;GoogleSearchAPI.dll &lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;You can download it from the source code attached in this article.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
 &lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 5pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Design &lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now add one TextBox,one Button and one Datalist.&lt;br /&gt;&lt;br /&gt;In the Datalist I used one linkbutton to show the search result title with link and label to show the search description.&lt;br /&gt;&lt;br /&gt;Design your screen as in the following screen.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;1.png&quot; border=&quot;0&quot; height=&quot;297&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/google-search-in-asp-net/Images/1.png&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;Or you can copy the following source code:&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;TextBox1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Width&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;300px&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Button&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;btnSearch&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Google Search&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;OnClick&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Button1_Click&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;br&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;DataList&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;dlSearch&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Width&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;600px&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;ItemTemplate&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;LinkButton&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;LinkButton1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;&lt;/span&gt;&lt;span style=&quot;background: none repeat scroll 0% 0% yellow;&quot;&gt;&amp;lt;%&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;#&lt;/span&gt;Eval(&quot;Title&quot;) &lt;span style=&quot;background: none repeat scroll 0% 0% yellow;&quot;&gt;%&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&#39;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;PostBackUrl&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;&lt;/span&gt;&lt;span style=&quot;background: none repeat scroll 0% 0% yellow;&quot;&gt;&amp;lt;%&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;#&lt;/span&gt;Eval(&quot;Url&quot;) &lt;span style=&quot;background: none repeat scroll 0% 0% yellow;&quot;&gt;%&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&#39;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;LinkButton&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;br&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Label1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;&lt;/span&gt;&lt;span style=&quot;background: none repeat scroll 0% 0% yellow;&quot;&gt;&amp;lt;%&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;#&lt;/span&gt;Eval(&quot;Content&quot;) &lt;span style=&quot;background: none repeat scroll 0% 0% yellow;&quot;&gt;%&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&#39;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;br&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;br&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;ItemTemplate&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;FooterTemplate&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Visible&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;&lt;/span&gt;&lt;span style=&quot;background: none repeat scroll 0% 0% yellow;&quot;&gt;&amp;lt;%&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;#&lt;/span&gt;bool.Parse((dlSearch.Items.Count==0).ToString())&lt;span style=&quot;background: none repeat scroll 0% 0% yellow;&quot;&gt;%&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&#39;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;lblNoRecord&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;No Record Found!&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;FooterTemplate&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;DataList&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;/span&gt; &lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;Now go to the code view.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Next add a reference of the following Google Search API DLL to your website:&lt;/span&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;GoogleSearchAPI.dll &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;And write the following code in the .cs file: &lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;System;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; Google.API.Search;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Data;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;_Default&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (!IsPostBack)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dlSearch.DataSource = &lt;span style=&quot;color: blue;&quot;&gt;null&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dlSearch.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; TextBox1.Text = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Button1_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataSet&lt;/span&gt; ds = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataSet&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt; dt = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Title&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Content&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Url&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;GwebSearchClient&lt;/span&gt; client = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;GwebSearchClient&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;www.c-sharpcorner.com&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;IList&lt;/span&gt;&amp;lt;&lt;span style=&quot;color: #2b91af;&quot;&gt;IWebResult&lt;/span&gt;&amp;gt; results = client.Search(TextBox1.Text, 30);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;foreach&lt;/span&gt; (&lt;span style=&quot;color: #2b91af;&quot;&gt;IWebResult&lt;/span&gt; result &lt;span style=&quot;color: blue;&quot;&gt;in&lt;/span&gt; results)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataRow&lt;/span&gt; dr = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Title&quot;&lt;/span&gt;] = result.Title.ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Content&quot;&lt;/span&gt;] = result.Content.ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Url&quot;&lt;/span&gt;] = result.Url;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dr);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dlSearch.DataSource = dt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dlSearch.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;/span&gt; &lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;In the code above I passed the TextBox value in the button click to Google server.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;After getting the result I bound it to the datatable then to the datalist control.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Just check these two lines:&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: #2b91af;&quot;&gt;GwebSearchClient&lt;/span&gt; client = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;GwebSearchClient&lt;/span&gt;(&lt;b&gt;&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;www.c-sharpcorner.com&quot;&lt;/span&gt;&lt;/b&gt;);&lt;br /&gt;&lt;span style=&quot;color: #2b91af;&quot;&gt;IList&lt;/span&gt;&amp;lt;&lt;span style=&quot;color: #2b91af;&quot;&gt;IWebResult&lt;/span&gt;&amp;gt; results = client.Search(TextBox1.Text, &lt;b&gt;30&lt;/b&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;In the first line I am passing &lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #a31515;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&quot;www.c-sharpcorner.com&quot;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;as the Client because it required a hosted site for Security purposes.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;If you dodn&#39;t pass that then it will show an exception.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;In the second line I am passing&lt;b&gt; 30&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #a31515;&quot;&gt; &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;and a TextBox value. Here 30 means I am getting 30 search results.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;So you can increase or decrease this value as needed.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now build your application. Enter a search query then press the button.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;It will show all the Google search results.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;2.jpg&quot; border=&quot;0&quot; height=&quot;263&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/google-search-in-asp-net/Images/2.jpg&quot; width=&quot;400&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Consolas;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Now click on the link to see the corresponding site.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;For&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;any modifications or problems please comment.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;To download Source&lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/google-search-in-asp-net/&quot; target=&quot;_blank&quot;&gt; Click here &lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Thank You.&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/2902459510488467473/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/11/google-search-in-asp-net.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/2902459510488467473'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/2902459510488467473'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/11/google-search-in-asp-net.html' title='Google Search In ASP NET'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-5752414326060975423</id><published>2013-11-04T04:11:00.003-08:00</published><updated>2013-11-04T09:23:13.355-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><category scheme="http://www.blogger.com/atom/ns#" term="GridView"/><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>GridView Sorting Using jQuery Plugin</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;This 
article describes how to use GridView in ASP.Net&amp;nbsp;and jQuery. We can do 
it server-side but if you do it using jQuery then you are putting less 
load on the server. You can handle it client-side.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Description&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;To create this application you need the jQuery plugins listed below.&lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;jquery.tablesorter.min.js&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;jquery-1.4.3.min.js&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;You can download&amp;nbsp;them from the source code attached in this page.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Design&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Add a GridView with AutogeneratedColumn=false and apply any design.&lt;br /&gt;&lt;br /&gt;Now design your screen like the following screen:&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;1.jpeg&quot; border=&quot;0&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-sorting-using-jquery-plugin/Images/1.jpeg&quot; height=&quot;158&quot; width=&quot;234&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Or you can copy the following source code:&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;gvDept&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;AutoGenerateColumns&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;False&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;=&quot;LightGoldenrodYellow&quot; BorderColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Tan&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BorderWidth&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;1px&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;CellPadding&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;2&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Black&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;GridLines&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;None&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;AlternatingRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;PaleGoldenrod&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Columns&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;BoundField&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;DataField&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;DEPTNO&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;HeaderText&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Id&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;ItemStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Width&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;50px&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;BoundField&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;BoundField&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;DataField&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;DNAME&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;HeaderText&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Dept Name&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;BoundField&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;DataField&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;LOC&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;HeaderText&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Location&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Columns&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;FooterStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Tan&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;HeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Tan&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;PagerStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;PaleGoldenrod&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;DarkSlateBlue&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;HorizontalAlign&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Center&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SelectedRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;DarkSlateBlue&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;GhostWhite&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedAscendingCellStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FAFAE7&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedAscendingHeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#DAC09E&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedDescendingCellStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#E1DB9C&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedDescendingHeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#C2A47B&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;Next add the following JavaScript and CSS style code in the head tag (it&#39;s used&amp;nbsp;for sorting):&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/css&quot;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; th&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; cursor: pointer;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-color: #dadada;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; color: Black;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;font-weight: bold;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; text-align: left;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; th.headerSortUp&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url(images/asc.gif);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-position: right center;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-repeat: no-repeat;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;th.headerSortDown&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url(images/desc.gif);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-position: right center;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-repeat: no-repeat;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; td&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; border-bottom: solid 1px #dadada;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;scripts/jquery-1.4.3.min.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;scripts/jquery.tablesorter.min.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;$(document).ready(function () {&lt;br /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;$(&quot;#gvDept&quot;).tablesorter();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }); &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;Now go to the code view.&lt;br /&gt;&lt;br /&gt;Write the BindGrid method using the database or you can use a static datatable.&lt;br /&gt;&lt;br /&gt;After binding, write these two lines that are requeired for sorting:&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 5pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;gvDept.UseAccessibleHeader = &lt;span style=&quot;color: blue;&quot;&gt;true&lt;/span&gt;;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;gvDept.HeaderRow.TableSection = &lt;span style=&quot;color: #2b91af;&quot;&gt;TableRowSection&lt;/span&gt;.TableHeader;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 5pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;And write the following code .cs file:&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Linq;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI.WebControls;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Data;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Data.SqlClient;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;_Default&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;private&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; BindGrid()&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;SqlConnection&lt;/span&gt; con = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;SqlConnection&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Data Source=Sanjeeb;database=MYDB;user id=test;password=Test&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;SqlCommand&lt;/span&gt; cmd = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;SqlCommand&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;select * from DEPT&quot;&lt;/span&gt;, con);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;SqlDataAdapter&lt;/span&gt; dr = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;SqlDataAdapter&lt;/span&gt;(cmd);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataSet&lt;/span&gt; ds = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataSet&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr.Fill(ds);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDept.DataSource = ds;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDept.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDept.UseAccessibleHeader = &lt;span style=&quot;color: blue;&quot;&gt;true&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDept.HeaderRow.TableSection = &lt;span style=&quot;color: #2b91af;&quot;&gt;TableRowSection&lt;/span&gt;.TableHeader;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (!Page.IsPostBack)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; BindGrid();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;Now
 build your application. Click on every header; it will sort the 
corresponding grid column with ascending and descending image.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;2.jpeg&quot; border=&quot;0&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-sorting-using-jquery-plugin/Images/2.jpeg&quot; height=&quot;127&quot; width=&quot;268&quot; /&gt;&lt;br /&gt;&lt;br /&gt;For any modifications or problems please comment.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;For download source&lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-sorting-using-jquery-plugin/&quot; target=&quot;_blank&quot;&gt; Click Here&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Thanks.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/5752414326060975423/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/11/gridview-sorting-using-jquery-plugin.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/5752414326060975423'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/5752414326060975423'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/11/gridview-sorting-using-jquery-plugin.html' title='GridView Sorting Using jQuery Plugin'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-6311641966535761438</id><published>2013-10-29T03:49:00.001-07:00</published><updated>2013-10-29T03:50:25.855-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><category scheme="http://www.blogger.com/atom/ns#" term="Google Map"/><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>How to Get Latitude and Longitude of a Place Using Google Map API</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;This
 article describes how to get the latitude and longitude of a location 
using the Google Map API in ASP.Net.&amp;nbsp;Here I will describe how to 
communicate with the Google Map API.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Description&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;To use the Google Map API you need to add the following link to the Head section.&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI; font-size: small;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;https://maps.googleapis.com/maps/api/js?sensor=false&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;&lt;br /&gt;Design &lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt; &lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Now add two Text Boxes,one Button and one Label.&lt;br /&gt;&lt;br /&gt;Design your screen as in the following screen.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;1.jpeg&quot; border=&quot;0&quot; height=&quot;151&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/how-to-get-latitude-and-longitude-of-a-place-using-google-ma/Images/1.jpeg&quot; width=&quot;238&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Or you can copy the following source code:&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;table&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Country :&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;txtCon&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; City :&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;txtCity&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;colspan&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;2&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;center&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;input&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;btn&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;button&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Search Coordinates&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;colspan&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;2&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;center&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;lblresult&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Red&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;table&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;Now add the following jQuery and Google map references in the Head section:&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;jquery-1.9.1.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;https://maps.googleapis.com/maps/api/js?sensor=false&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Consolas;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;Now&amp;nbsp; write the following JavaScript code in the Head section that will communicate with the Google map API.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(document).ready(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#btn&quot;&lt;/span&gt;).click(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; geocoder = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; google.maps.Geocoder();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; con = document.getElementById(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;txtCon&#39;&lt;/span&gt;).value;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; city = document.getElementById(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;txtCity&#39;&lt;/span&gt;).value;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; res = document.getElementById(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;lblresult&#39;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; com = city + &lt;span style=&quot;color: maroon;&quot;&gt;&quot;,&quot;&lt;/span&gt; + con;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; geocoder.geocode({ &lt;span style=&quot;color: maroon;&quot;&gt;&#39;address&#39;&lt;/span&gt;: com }, &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (results, status) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (status == google.maps.GeocoderStatus.OK) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; res.innerHTML = &lt;span style=&quot;color: maroon;&quot;&gt;&quot;Latitude : &quot;&lt;/span&gt; + results[0].geometry.location.lat() + &lt;span style=&quot;color: maroon;&quot;&gt;&quot;&amp;lt;br/&amp;gt;Longitude :&quot;&lt;/span&gt; +&lt;br /&gt;results[0].geometry.location.lng();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; } &lt;span style=&quot;color: blue;&quot;&gt;else&lt;/span&gt; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; res.innerHTML = &lt;span style=&quot;color: maroon;&quot;&gt;&quot;Wrong Details: &quot;&lt;/span&gt; + status;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now build your application. Enter a City and Country in the respective text boxes then press the button.&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;It will show the latitude and longitude of that place in the label.&lt;br /&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;img alt=&quot;2.jpeg&quot; border=&quot;0&quot; height=&quot;218&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/how-to-get-latitude-and-longitude-of-a-place-using-google-ma/Images/2.jpeg&quot; width=&quot;279&quot; /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Thank you. &lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/6311641966535761438/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/how-to-get-latitude-and-longitude-of.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/6311641966535761438'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/6311641966535761438'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/how-to-get-latitude-and-longitude-of.html' title='How to Get Latitude and Longitude of a Place Using Google Map API'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-8389830013891585985</id><published>2013-10-29T03:36:00.000-07:00</published><updated>2013-10-29T03:36:17.108-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><category scheme="http://www.blogger.com/atom/ns#" term="GridView"/><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>GridView Animations Using jQuery</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;This article describes how to apply an animation to a GridView in ASP.Net using jQuery UI.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Description&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;To create this application you need the jQuery files listed below. &lt;/span&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;jquery-1.9.1.js&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;jquery-ui.js&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;jquery-ui.css&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;You can download&amp;nbsp;them from the source code attached in this page.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Here I create three pages for checking various animations on GridView.&lt;/span&gt;&lt;br /&gt;
 &lt;ol&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Dragable GridView&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Zoom able GridView&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Animated Effect to GridView&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Dragable GridView&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;In this example I will show how to drag a GridView&amp;nbsp;to any position in a browser&#39;s screen.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Design&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Add a GridView to a page and apply any design.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now design your screen like the following screen:&lt;/span&gt;&lt;br /&gt;
 &lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;img alt=&quot;1.jpg&quot; border=&quot;0&quot; height=&quot;277&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/Images/1.jpg&quot; width=&quot;300&quot; /&gt;&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Or you can copy the following source code:&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;draggable&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;gvDetails&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;CellPadding&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;4&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;GridLines&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;None&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;AlternatingRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;FooterStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#990000&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;HeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#990000&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;PagerStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFCC66&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;HorizontalAlign&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Center&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;RowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFFBD6&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SelectedRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFCC66&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Navy&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedAscendingCellStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FDF5AC&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedAscendingHeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#4D0000&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedDescendingCellStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FCF6C0&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedDescendingHeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#820000&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;In the code above just check this div:&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;draggable&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Within this div what element you put the dragable&amp;nbsp; feature applied on that.&lt;br /&gt;&lt;br /&gt;Next
 add the following JavaScript and CSS style code in the head tag of an 
aspx file (this is used to apply the drag feature to the div in which 
the grid is present).&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Scripts/jquery-1.9.1.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Scripts/jquery-ui.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: maroon;&quot;&gt;#draggable&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;width&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;150px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;height&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;150px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;padding&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;0.5em&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#draggable&quot;&lt;/span&gt;).draggable();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; &lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;Now go to the code view.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;And write the following code in the .cs file for binding data to the grid:&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Linq;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI.WebControls;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Data;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DragAbleGrid&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; BindGridDetails();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; BindGridDetails()&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt; dt = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: #2b91af;&quot;&gt;Int32&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataRow&lt;/span&gt; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 1;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Sanjeeb&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MCA&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 2;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Laku&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MBA&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 3;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Pankaj&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;B.Tech&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Bihar&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 4;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Srikanth&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;B.Tech&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDetails.DataSource = dt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDetails.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Consolas;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Now build your application and check.&lt;br /&gt;&lt;br /&gt;Default view in browser:&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Consolas;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;img alt=&quot;2.jpeg&quot; border=&quot;0&quot; height=&quot;224&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/Images/2.jpeg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;After dragging it in the browser:&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;img alt=&quot;3.jpeg&quot; border=&quot;0&quot; height=&quot;223&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/Images/3.jpeg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&amp;nbsp; &lt;/span&gt;&lt;b&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;Zoomable GridView&lt;/span&gt;&lt;/b&gt;&lt;/span&gt; &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;In this example I will show how to Zoom a GridView on button click.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Design&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Add a GridView to a page and apply any design and one hyperlink.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now design your screen like the following screen:&lt;/span&gt;&lt;br /&gt;
 &lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;img alt=&quot;4.jpeg&quot; border=&quot;0&quot; height=&quot;293&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/Images/4.jpeg&quot; width=&quot;336&quot; /&gt;&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Or you can copy the following source code:&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;a&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;href&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;button&quot;&amp;gt;&lt;/span&gt;Click to Zoom In&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;a&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;toggler&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;effect&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;newClass ui-corner-all&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;gvDetails&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;CellPadding&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;4&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;GridLines&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;None&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;AlternatingRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;FooterStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#990000&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;HeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#990000&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;PagerStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFCC66&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;HorizontalAlign&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Center&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;RowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFFBD6&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SelectedRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFCC66&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Navy&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedAscendingCellStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FDF5AC&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedAscendingHeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#4D0000&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedDescendingCellStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FCF6C0&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedDescendingHeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#820000&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;In the code above just check this div:&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;toggler&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;effect&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;newClass ui-corner-all&quot;&amp;gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;Within this div what element you put the Zoom feature applied on that.&lt;br /&gt;&lt;br /&gt;Next
 add the following JavaScript and CSS style code in the head tag of an 
aspx file (this is used to apply the Zoom feature to the div in which 
the grid is present).&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Scripts/jquery-1.9.1.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Scripts/jquery-ui.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/css&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: maroon;&quot;&gt;.toggler&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;width&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;500px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;height&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;200px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;position&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;relative&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: maroon;&quot;&gt;#effect&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;position&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;relative&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: maroon;&quot;&gt;.newClass&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;width&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;240px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;padding&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;1em&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;letter-spacing&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;0&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;font-size&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;1.2em&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;margin&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;0&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: maroon;&quot;&gt;.anotherNewClass&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;text-indent&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;40px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;letter-spacing&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;.4em&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;width&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;410px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;height&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;100px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;padding&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;30px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;margin&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;10px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;font-size&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;1.6em&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#button&quot;&lt;/span&gt;).click(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;.newClass&quot;&lt;/span&gt;).switchClass(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;newClass&quot;&lt;/span&gt;, &lt;span style=&quot;color: maroon;&quot;&gt;&quot;anotherNewClass&quot;&lt;/span&gt;, 1000);&amp;nbsp; &lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;.anotherNewClass&quot;&lt;/span&gt;).switchClass(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;anotherNewClass&quot;&lt;/span&gt;, &lt;span style=&quot;color: maroon;&quot;&gt;&quot;newClass&quot;&lt;/span&gt;, 1000);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Now go to the code view.&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;And write the following code in the .cs file for binding data to the grid:&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Linq;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI.WebControls;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Data;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;ZoomAbleGrid&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; BindGridDetails();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; BindGridDetails()&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt; dt = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: #2b91af;&quot;&gt;Int32&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataRow&lt;/span&gt; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 1;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Sanjeeb&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MCA&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 2;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Laku&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MBA&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 3;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Pankaj&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;B.Tech&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Bihar&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 4;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Srikanth&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;B.Tech&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDetails.DataSource = dt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDetails.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Consolas;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Now build your application and check.&lt;br /&gt;&lt;br /&gt;Default view in browser:&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Consolas;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;img alt=&quot;5.jpg&quot; border=&quot;0&quot; height=&quot;224&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/Images/5.jpg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now click on &quot;Zoom&quot; in Hyper link.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;img alt=&quot;6.jpg&quot; border=&quot;0&quot; height=&quot;224&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/Images/6.jpg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&amp;nbsp; &lt;/span&gt;&lt;b&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;Animated Effect to GridView&lt;/span&gt;&lt;/b&gt;&lt;/span&gt; &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;In this example I will show how to apply an animation effect to a GridView on a button click.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Design&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Add a GridView to a page and apply any design, one dropdown and one hyperlink.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;The Dropdown will show all the animation effects.&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now design your screen as in the following screen:&lt;/span&gt;&lt;br /&gt;
 &lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;7.jpeg&quot; border=&quot;0&quot; height=&quot;307&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/Images/7.jpeg&quot; width=&quot;324&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Or you can copy the following source code:&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;select&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;effects&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;effectTypes&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;blind&quot;&amp;gt;&lt;/span&gt;Blind&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;bounce&quot;&amp;gt;&lt;/span&gt;Bounce&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;clip&quot;&amp;gt;&lt;/span&gt;Clip&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;drop&quot;&amp;gt;&lt;/span&gt;Drop&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;explode&quot;&amp;gt;&lt;/span&gt;Explode&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;fade&quot;&amp;gt;&lt;/span&gt;Fade&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;fold&quot;&amp;gt;&lt;/span&gt;Fold&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;highlight&quot;&amp;gt;&lt;/span&gt;Highlight&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;puff&quot;&amp;gt;&lt;/span&gt;Puff&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;pulsate&quot;&amp;gt;&lt;/span&gt;Pulsate&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;scale&quot;&amp;gt;&lt;/span&gt;Scale&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;shake&quot;&amp;gt;&lt;/span&gt;Shake&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;size&quot;&amp;gt;&lt;/span&gt;Size&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;slide&quot;&amp;gt;&lt;/span&gt;Slide&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;transfer&quot;&amp;gt;&lt;/span&gt;Transfer&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;option&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;select&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;a&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;href&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;button&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;ui-state-default ui-corner-all&quot;&amp;gt;&lt;/span&gt;Apply effect&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;a&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;br&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;br&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;toggler&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;effect&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;ui-corner-all&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;gvDetails&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;CellPadding&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;4&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;GridLines&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;None&quot;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;Height&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;125px&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Width&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;243px&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;AlternatingRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;FooterStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#990000&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;HeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#990000&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;PagerStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFCC66&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;HorizontalAlign&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Center&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;RowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFFBD6&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SelectedRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FFCC66&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Navy&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedAscendingCellStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FDF5AC&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedAscendingHeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#4D0000&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedDescendingCellStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#FCF6C0&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;SortedDescendingHeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#820000&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;In the code above just check this div:&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;toggler&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;effect&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;ui-corner-all&quot;&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;Within this div what element you put the Animation effect feature applied on that.&lt;br /&gt;&lt;br /&gt;Next
 add the following JavaScript and CSS style code in the head tag of an 
aspx file (this is used to apply an Animation effect feature to a div in
 which a grid is present).&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;link&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;href&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Styles/jquery-ui.css&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;rel&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;stylesheet&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/css&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Scripts/jquery-1.9.1.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Scripts/jquery-ui.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/css&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: maroon;&quot;&gt;.toggler&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;width&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;500px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;height&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;200px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;position&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;relative&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: maroon;&quot;&gt;#effect&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;width&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;240px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;height&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;135px&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;padding&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;0.4em&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;position&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;relative&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// run the currently selected effect&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; runEffect() {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// get effect type from&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; selectedEffect = $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#effectTypes&quot;&lt;/span&gt;).val();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// most effect types need no options passed by default&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; options = {};&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// some effects have required parameters&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (selectedEffect === &lt;span style=&quot;color: maroon;&quot;&gt;&quot;scale&quot;&lt;/span&gt;) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; options = { percent: 0 };&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; } &lt;span style=&quot;color: blue;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (selectedEffect === &lt;span style=&quot;color: maroon;&quot;&gt;&quot;transfer&quot;&lt;/span&gt;) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; options = { to: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;#button&quot;&lt;/span&gt;, className: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;ui-effects-transfer&quot;&lt;/span&gt; };&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; } &lt;span style=&quot;color: blue;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (selectedEffect === &lt;span style=&quot;color: maroon;&quot;&gt;&quot;size&quot;&lt;/span&gt;) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; options = { to: { width: 200, height: 60} };&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// run the effect&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#effect&quot;&lt;/span&gt;).effect(selectedEffect, options, 500, callback);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; };&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// callback function to bring a hidden box back&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; callback() {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; setTimeout(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#effect&quot;&lt;/span&gt;).removeAttr(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;style&quot;&lt;/span&gt;).hide().fadeIn();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }, 1000);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; };&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// set effect from select menu value&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#button&quot;&lt;/span&gt;).click(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; runEffect();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;/span&gt; &lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&lt;span style=&quot;color: black;&quot;&gt;Now go to the code view.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;And write the following code in the .cs file for binding data to the grid:&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Linq;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI.WebControls;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Data;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;EffectToGrid&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; BindGridDetails();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; BindGridDetails()&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt; dt = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: #2b91af;&quot;&gt;Int32&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataRow&lt;/span&gt; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 1;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Sanjeeb&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MCA&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 2;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Laku&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MBA&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 3;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Pankaj&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;B.Tech&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Bihar&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpId&quot;&lt;/span&gt;] = 4;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EmpName&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Srikanth&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Education&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;B.Tech&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dtrow[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Place&quot;&lt;/span&gt;] = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Hyderabad&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dtrow);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDetails.DataSource = dt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; gvDetails.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Consolas;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Now build your application. Select any effect from the dropdown and click on &quot;apply effect&quot;.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;img alt=&quot;8.png&quot; border=&quot;0&quot; height=&quot;383&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/Images/8.png&quot; width=&quot;452&quot; /&gt;&lt;br /&gt;&lt;br /&gt;If you have any modifications to suggest then please comment.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;to download &lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/&quot; target=&quot;_blank&quot;&gt;click here&lt;/a&gt;&lt;br /&gt;Thank you.&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/8389830013891585985/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/gridview-animations-using-jquery.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8389830013891585985'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8389830013891585985'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/gridview-animations-using-jquery.html' title='GridView Animations Using jQuery'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-6487309907446184115</id><published>2013-10-24T23:45:00.000-07:00</published><updated>2013-10-24T23:51:19.947-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Service"/><title type='text'>jQuery Autocomplete Getting Data From Database in ASP.Net</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;br /&gt;This 
article describes how to add an Auto Complete feature to a text box and 
get the data from a database in ASP.Net using a jQuery UI .&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Description&lt;/b&gt;&lt;br /&gt;To create this application you need the jQuery files listed below. &lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;jquery-1.9.1.js&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;jquery-ui.js&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;jquery-ui.css&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;You can download&amp;nbsp;them from the source code attached&amp;nbsp;to this page.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Design&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Go to the database and design your table or execute the following script:&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;CREATE&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;TABLE&lt;/span&gt; [dbo]&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;[DEPT]&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;DEPTNO &lt;span style=&quot;color: blue;&quot;&gt;NUMERIC&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;2&lt;span style=&quot;color: grey;&quot;&gt;),&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;DNAME &lt;span style=&quot;color: blue;&quot;&gt;VARCHAR&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;14&lt;span style=&quot;color: grey;&quot;&gt;),&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;LOC &lt;span style=&quot;color: blue;&quot;&gt;VARCHAR&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;13&lt;span style=&quot;color: grey;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: grey;&quot;&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;GO&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;INSERT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;INTO&lt;/span&gt; [dbo]&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;[DEPT] &lt;span style=&quot;color: blue;&quot;&gt;VALUES &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;10&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;ACCOUNTING&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;NEW YORK&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;INSERT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;INTO&lt;/span&gt; [dbo]&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;[DEPT] &lt;span style=&quot;color: blue;&quot;&gt;VALUES &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;20&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;RESEARCH&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;DALLAS&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;INSERT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;INTO&lt;/span&gt; [dbo]&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;[DEPT] &lt;span style=&quot;color: blue;&quot;&gt;VALUES &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;30&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;SALES&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;CHICAGO&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: 107%; margin: 0in 0in 8pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; line-height: 107%;&quot;&gt;INSERT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; line-height: 107%;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;INTO&lt;/span&gt; [dbo]&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;[DEPT] &lt;span style=&quot;color: blue;&quot;&gt;VALUES &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;40&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;OPERATIONS&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;BOSTON&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;);&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;In Visual Studio create a website and add a page.&lt;br /&gt;&lt;br /&gt;Add a Text Box to the page for searching.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now design your screen as in the following screen:&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;JQuery-Autocomplete-1.jpg&quot; border=&quot;0&quot; height=&quot;66&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/jquery-autocomplete-getting-data-from-database-in-Asp-Net/Images/JQuery-Autocomplete-1.jpg&quot; width=&quot;303&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Or you can copy the following source code:&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Segoe UI; line-height: 107%; margin: 0in 0in 8pt;&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; Search Department :&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;txtSearch&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; font-size: 11pt; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Next add the following JavaScript and CSS style code in the head tag of an aspx file &lt;br /&gt;(this is used to get the data to show the auto complete).&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Head1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;link&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;href&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Styles/jquery-ui.css&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;rel&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;stylesheet&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/css&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Scripts/jquery-1.9.1.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Scripts/jquery-ui.js&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(document).ready(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#txtSearch&quot;&lt;/span&gt;).autocomplete({&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; source: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (request, response) {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $.ajax({&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; type: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;POST&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; contentType: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;application/json; charset=utf-8&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; url: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;WebService.asmx/GetData&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; data: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;{&#39;DName&#39;:&#39;&quot;&lt;/span&gt; + document.getElementById(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;txtSearch&#39;&lt;/span&gt;).value + &lt;span style=&quot;color: maroon;&quot;&gt;&quot;&#39;}&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dataType: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;json&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; success: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (data) {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;response(data.d);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; },&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; error: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (result) {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; alert(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;Error......&quot;&lt;/span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;});&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;img alt=&quot;JQuery-Autocomplete-2.jpg&quot; border=&quot;0&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/jquery-autocomplete-getting-data-from-database-in-Asp-Net/Images/JQuery-Autocomplete-2.jpg&quot; /&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;Now go to Solution Explorer and add a Web Service to the project (for example, &quot;WebService.asmx&quot;).&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now write the following code in the .cs file of the Web Service:&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Linq;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.Services;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Data.SqlClient;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green; font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;&amp;lt;summary&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green; font-family: Segoe UI;&quot;&gt; Summary description for WebService&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green; font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;&amp;lt;/summary&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;[WebService(Namespace = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;http://tempuri.org/&quot;&lt;/span&gt;)]&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: green; font-family: Segoe UI;&quot;&gt;//
 To allow this Web Service to be called from script, using ASP.NET AJAX,
 uncomment the following line. 
[System.Web.Script.Services.ScriptService]&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;WebService&lt;/span&gt; : System.Web.Services.WebService&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;{&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; [WebMethod]&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;public&lt;/span&gt; List&amp;lt;&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;&amp;gt; GetData(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt; DName)&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; List&amp;lt;&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;&amp;gt; result = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; List&amp;lt;&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;&amp;gt;();&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;using&lt;/span&gt; (SqlConnection con = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; SqlConnection(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Data Source=SYSTEM-30;database=DB_Test_Trainees;user id=test;password=Test&quot;&lt;/span&gt;))&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;using&lt;/span&gt; (SqlCommand cmd = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; SqlCommand(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;select Dname from DEPTDHII where Dname like &#39;%&#39;+@SearchText+&#39;%&#39;&quot;&lt;/span&gt;, con))&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; con.Open();&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; cmd.Parameters.AddWithValue(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;@SearchText&quot;&lt;/span&gt;, DName);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;SqlDataReader dr = cmd.ExecuteReader();&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;while&lt;/span&gt; (dr.Read())&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; result.Add(dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DName&quot;&lt;/span&gt;].ToString());&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;return&lt;/span&gt; result;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;Now check this line in the code above:&lt;br /&gt;&lt;br /&gt;[System.Web.Script.Services.ScriptService]&lt;br /&gt;&lt;br /&gt;By default this line is commented. To allow this Web Service to be called from a script using ASP.NET AJAX, uncomment the line.&lt;br /&gt;&lt;br /&gt;Now build your application. Enter a search query in the TextBox.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;JQuery-Autocomplete-3.jpg&quot; border=&quot;0&quot; height=&quot;295&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/jquery-autocomplete-getting-data-from-database-in-Asp-Net/Images/JQuery-Autocomplete-3.jpg&quot; width=&quot;404&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;To download Source&lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/jquery-autocomplete-getting-data-from-database-in-Asp-Net/&quot;&gt; Click Here&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/6487309907446184115/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/jquery-autocomplete-getting-data-from.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/6487309907446184115'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/6487309907446184115'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/jquery-autocomplete-getting-data-from.html' title='jQuery Autocomplete Getting Data From Database in ASP.Net'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-8748475510945147654</id><published>2013-10-22T02:22:00.001-07:00</published><updated>2013-10-22T02:22:53.426-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Service"/><category scheme="http://www.blogger.com/atom/ns#" term="Windows Form"/><title type='text'>How to use a Web Service in Windows Form Application</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;br /&gt; &lt;/b&gt;&lt;br /&gt;
This blog describes how to Communicate with a web service in Windows Form 
application.&lt;br /&gt; &lt;br /&gt;
In previous article we saw &lt;b&gt;&lt;a href=&quot;http://dotnetmylife.blogspot.in/2013/10/how-to-create-simple-web-service-and.html&quot;&gt;How to Create a Simple Web Service and Use it in ASP.Net.&lt;/a&gt;&lt;/b&gt;&lt;br /&gt; &lt;br /&gt;
Now here I am going to use that same service in Windows Form application.&lt;br /&gt; &lt;br /&gt; &lt;b&gt;Creating the client application&lt;br /&gt; &lt;/b&gt;&lt;br /&gt;
Now create a Windows Form Application and design your form as in the following 
screen.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;index.jpg&quot; border=&quot;0&quot; height=&quot;264&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/BlogImages/07172013083553AM/index.jpg&quot; width=&quot;293&quot; /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Add a web reference to the Application&lt;br /&gt; &lt;/b&gt;&lt;br /&gt;
Go to Solution Explorer then select the solution&amp;nbsp;then click on &quot;Add Service 
Reference&quot;. it will open an window&lt;br /&gt; &lt;br /&gt;
Then click on Advanced button on that window.&lt;br /&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;index1.jpg&quot; border=&quot;0&quot; height=&quot;323&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/BlogImages/07172013083553AM/index1.jpg&quot; width=&quot;400&quot; /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;
A new window will open. then click on &quot;Add Web Reference&quot;.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;index2.jpg&quot; border=&quot;0&quot; height=&quot;371&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/BlogImages/07172013083553AM/index2.jpg&quot; width=&quot;400&quot; /&gt; &lt;br /&gt;
A new window will open. Then within the URL type the service reference path.&lt;br /&gt; &lt;br /&gt;
(For example: http://localhost:65312/WebServiceSample/Airthmatic.asmx)&amp;nbsp;then 
click on the &quot;Go&quot; button.&lt;br /&gt; &lt;br /&gt;
Nowyou will see your service methods. Change the web reference name from &quot;localhost&quot; 
to any other name as you like (for example: Airthmatic).&lt;br /&gt; &lt;br /&gt;
Click on the &quot;Add Reference&quot; button. It will create a Proxy at the client side.&lt;br /&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;index3.jpg&quot; border=&quot;0&quot; height=&quot;276&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/BlogImages/07172013083553AM/index3.jpg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;
Now go to the cs code and add&amp;nbsp;a reference for the Service.&lt;br /&gt; &lt;br /&gt;
Write the following code.&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
System;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
System.Collections.Generic;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
System.ComponentModel;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
System.Data;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
System.Drawing;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
System.Linq;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
System.Text;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
System.Windows.Forms;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Consolas; font-size: small;&quot;&gt;namespace&lt;/span&gt;&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt; 
WindowsAirthmatic&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;span style=&quot;color: blue;&quot;&gt;public&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;Form1&lt;/span&gt; : 
Form&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 
Airthmatic.Airthmatic obj = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; 
Airthmatic.Airthmatic();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; a, b, c;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;span style=&quot;color: blue;&quot;&gt;public&lt;/span&gt; Form1()&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 
InitializeComponent();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;span style=&quot;color: blue;&quot;&gt;private&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; 
btnAdd_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender,
&lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; a =
&lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(textBox1.Text);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; b =
&lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(textBox3.Text);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; c = obj.Add(a, 
b);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; label4.Text = 
c.ToString();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;span style=&quot;color: blue;&quot;&gt;private&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; 
btnSub_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender,
&lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; a =
&lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(textBox1.Text);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; b =
&lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(textBox3.Text);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;c = obj.Sub(a, 
b);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; label4.Text = 
c.ToString();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;span style=&quot;color: blue;&quot;&gt;private&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; 
btnMul_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender,
&lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; a =
&lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(textBox1.Text);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; b =
&lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(textBox3.Text);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; c = obj.Mul(a, 
b);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; label4.Text = 
c.ToString();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;span style=&quot;color: blue;&quot;&gt;private&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; 
btnDiv_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender,
&lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; a =
&lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(textBox1.Text);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; b =
&lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(textBox3.Text);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; c = obj.Div(a, 
b);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; label4.Text = 
c.ToString();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Consolas; font-size: small;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt; &lt;br /&gt;
Now first run the Web service then the application.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;index3.png&quot; border=&quot;0&quot; height=&quot;341&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/BlogImages/07172013083553AM/index3.png&quot; width=&quot;400&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/8748475510945147654/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/how-to-use-web-service-in-windows-form.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8748475510945147654'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8748475510945147654'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/how-to-use-web-service-in-windows-form.html' title='How to use a Web Service in Windows Form Application'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-5013160515973994374</id><published>2013-10-22T02:09:00.000-07:00</published><updated>2013-10-22T02:11:58.090-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Service"/><title type='text'>How to Create a Simple Web Service and Use it in ASP.Net</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;This article describes how to create a web service in ASP.NET and use it in a client application.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;What is Web Service?&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;A Web Service is a reusable piece of code used to communicate among Heterogeneous Applications.&lt;br /&gt;&lt;br /&gt;Once
 a web service is created and hosted on the server in the internet&amp;nbsp;it 
can be consumed by any kind of application developed in any technology.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;How to create a Web Service&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Step 1&lt;/b&gt;&lt;br /&gt;Go to Visual Studio&amp;nbsp;then click on &quot;File&quot; -&amp;gt; &quot;Website&quot; -&amp;gt; &quot;ASP.NET empty website template&quot;.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;Then&amp;nbsp;provide the website name (for example: WebServiceSample).&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;1.jpg&quot; border=&quot;0&quot; height=&quot;254&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/1.jpg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Step 2: Add a Web Service File&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Go to Solution Explorer, then select the solution then click on &quot;Add new item&quot;.&lt;br /&gt;&lt;br /&gt;Choose the Web Service template.&lt;br /&gt;&lt;br /&gt;Enter&amp;nbsp;the name (for example: Airthmatic.cs) then click on &quot;Add&quot;.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;2.jpeg&quot; border=&quot;0&quot; height=&quot;259&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/2.jpeg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;This will create the following two files:&lt;/span&gt;&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Airthmatic.asmx (the service file)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Airthmatic.cs (the code file for the service; it will be in the &quot;App_code&quot; folder)&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;img alt=&quot;3.jpeg&quot; border=&quot;0&quot; height=&quot;197&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/3.jpeg&quot; width=&quot;280&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Open the file Airthmatic.cs and write the following code:&lt;br /&gt;&lt;br /&gt;&lt;span id=&quot;ctl00_ContentMain_BlogDetailControl1_LabelBlogDetail&quot; style=&quot;background-color: white; color: blue; font-family: Segoe UI; outline: 0px none;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;using&lt;/span&gt; System&lt;/span&gt;&lt;span id=&quot;ctl00_ContentMain_BlogDetailControl1_LabelBlogDetail&quot; style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Segoe UI&amp;quot;; outline: 0px none;&quot;&gt;;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Linq;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.Services;&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;///&lt;/span&gt;&lt;span style=&quot;color: green; font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;&amp;lt;summary&amp;gt;&lt;br /&gt;&amp;nbsp;///&lt;/span&gt;&lt;span style=&quot;color: green; font-family: Segoe UI;&quot;&gt; used for Airthmatic&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt; calculation&lt;br /&gt;&amp;nbsp;///&lt;/span&gt;&lt;span style=&quot;color: green; font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI;&quot;&gt;&amp;lt;/summary&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;[&lt;span style=&quot;color: #2b91af;&quot;&gt;WebService&lt;/span&gt;(Namespace = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;http://tempuri.org/&quot;&lt;/span&gt;)]&lt;br /&gt;&amp;nbsp;[&lt;span style=&quot;color: #2b91af;&quot;&gt;WebServiceBinding&lt;/span&gt;(ConformsTo = &lt;span style=&quot;color: #2b91af;&quot;&gt;WsiProfiles&lt;/span&gt;.BasicProfile1_1)]&lt;/span&gt;&lt;span style=&quot;color: green; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.&lt;br /&gt;&amp;nbsp;// [System.Web.Script.Services.ScriptService]&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;Airthmatic&lt;/span&gt; : System.Web.Services.&lt;span style=&quot;color: #2b91af;&quot;&gt;WebService&lt;/span&gt;&lt;br /&gt;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;public&lt;/span&gt; Airthmatic()&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: green;&quot;&gt;//Uncomment the following line if using designed components&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: green;&quot;&gt;//InitializeComponent();&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; [&lt;span style=&quot;color: #2b91af;&quot;&gt;WebMethod&lt;/span&gt;]&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;public&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; Add(&lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; x, &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; y)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;return&lt;/span&gt; x + y;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; [&lt;span style=&quot;color: #2b91af;&quot;&gt;WebMethod&lt;/span&gt;]&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;public&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; Sub(&lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; x, &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; y)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;return&lt;/span&gt; x - y;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; [&lt;span style=&quot;color: #2b91af;&quot;&gt;WebMethod&lt;/span&gt;]&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;public&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; Mul(&lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; x, &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; y)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;return&lt;/span&gt; x * y;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; [&lt;span style=&quot;color: #2b91af;&quot;&gt;WebMethod&lt;/span&gt;]&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;public&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; Div(&lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; x, &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; y)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;return&lt;/span&gt; x / y;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;}&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Attaching
 the WebMethod attribute to a Public method indicates that you want the 
method exposed as part of the XML Web service. You can also use the 
properties of this attribute to further configure the behavior of the 
XML Web service method. The WebMethod attribute provides the following 
properties:&lt;/span&gt; &lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;BufferResponse&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;CacheDuration&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Description&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;EnableSession&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;MessageName&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-size: large;&quot;&gt;TransactionOption&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;For more details&amp;nbsp;of web methods click here.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Step 3&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;To
 see whether the service is running correctly go to the Solution 
Explorer then open &quot;Airthmatic.asmx&quot; and run your application.&lt;br /&gt;&lt;br /&gt;Now you will find all the method names in the browser.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;4.jpeg&quot; border=&quot;0&quot; height=&quot;264&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/4.jpeg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;To see the WSDL format click on the service description link or add &quot;?WSDL&quot; to the URL.&lt;br /&gt;&lt;br /&gt;Example: http://localhost:65312/WebServiceSample/Airthmatic.asmx?WSDL&lt;br /&gt;&lt;br /&gt;It will show the WSDL.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;5.jpeg&quot; border=&quot;0&quot; height=&quot;223&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/5.jpeg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;To determine whether the functions are working, click on one of the functions (for example: &quot;Add&quot;).&lt;br /&gt;&lt;br /&gt;Now you will see two TextBoxes for checking. Enter the value for x and y and click on the &quot;Invoke&quot; button.&lt;br /&gt;&lt;br /&gt;Now you will see the result in an open standard form (XML).&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;6.jpg&quot; border=&quot;0&quot; height=&quot;142&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/6.jpg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now your service is ready for use.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Step 4: Creating the client application&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Now create a website and design your form as in the following screen.&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&lt;img alt=&quot;7.jpeg&quot; border=&quot;0&quot; height=&quot;198&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/7.jpeg&quot; width=&quot;277&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Or you can copy the following source code.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;table&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;border&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;2&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;cellpadding&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;2&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;cellspacing&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;2&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;right&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Label1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Enter 1st Number&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;left&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;txtFno&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;right&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Label2&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Enter 2nd Number&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;left&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;txtSno&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;TextBox&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;right&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Label3&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Result&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;left&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;lblResult&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;center&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Button&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;btnAdd&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Add(+)&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;OnClick&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;btnAdd_Click&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;center&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Button&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;btnSub&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Sub(-)&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;OnClick&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;btnSub_Click&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;center&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Button&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;BtnMul&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Mul(*)&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;OnClick&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;BtnMul_Click&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;align&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;center&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;Button&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;btnDiv&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Text&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Div(/)&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;OnClick&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;btnDiv_Click&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;table&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Step 5: Add a web reference to the Website&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Go
 to Solution Explorer then select the solution&amp;nbsp;then click on &quot;AddWeb 
Reference&quot;&amp;nbsp;then within the URL type the service reference path.&lt;br /&gt;&lt;br /&gt;(For example: http://localhost:65312/WebServiceSample/Airthmatic.asmx)&amp;nbsp;then click on the &quot;Go&quot; button.&lt;br /&gt;&lt;br /&gt;Now
 you will see your service methods. Change the web reference name from 
&quot;localhost&quot; to any other name as you like (for example: WebAirthmatic).&lt;br /&gt;&lt;br /&gt;Click on the &quot;Add Reference&quot; button. It will create a Proxy at the client side.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;8.jpeg&quot; border=&quot;0&quot; height=&quot;278&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/8.jpeg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now go to the cs code and add&amp;nbsp;a reference for the Service.&lt;br /&gt;&lt;br /&gt;Example: &amp;nbsp;using WebAirthmatic;&lt;br /&gt;&lt;br /&gt;Write the following code.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Linq;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI.WebControls;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; WebAirthmatic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;_Default&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;&lt;br /&gt;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;Airthmatic&lt;/span&gt; obj = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;Airthmatic&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt; a, b, c;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; btnAdd_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; a = &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(txtFno.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; b = &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(txtSno.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; c = obj.Add(a, b);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; lblResult.Text = c.ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; btnSub_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; a = &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(txtFno.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; b = &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(txtSno.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; c = obj.Sub(a, b);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; lblResult.Text = c.ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; BtnMul_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; a = &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(txtFno.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; b = &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(txtSno.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; c = obj.Mul(a, b);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; lblResult.Text = c.ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; btnDiv_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; a = &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(txtFno.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; b = &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToInt32(txtSno.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; c = obj.Div(a, b);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; lblResult.Text = c.ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;}&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Now first run the Web service then the application.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;9.jpeg&quot; border=&quot;0&quot; height=&quot;148&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/steps-to-create-a-simple-web-service-and-use-it-in-Asp-Net/Images/9.jpeg&quot; width=&quot;400&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now you will be able to communicate with the web service.&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/5013160515973994374/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/how-to-create-simple-web-service-and.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/5013160515973994374'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/5013160515973994374'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/how-to-create-simple-web-service-and.html' title='How to Create a Simple Web Service and Use it in ASP.Net'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-6876151907546035593</id><published>2013-10-21T02:09:00.003-07:00</published><updated>2013-10-21T02:09:42.916-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><title type='text'>Translate Your Web Site Using Bing Translator Widget</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;br /&gt;&lt;/b&gt;This article describes how to translate your website using the Bing Translator Widget.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Description&lt;/b&gt;&lt;br /&gt;The Translator web page widget allows you to bring real-time, in-place translation to your web site.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;You just need to copy and paste some JavaScript code or API to your website.&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Open the following link:&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;a href=&quot;http://www.bing.com/widget/translator&quot;&gt;http://www.bing.com/widget/translator&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
 &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Copy the code.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;1.jpeg&quot; border=&quot;0&quot; height=&quot;460&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/translate-your-web-site-using-bing-translator-widget/Images/1.jpeg&quot; width=&quot;650&quot; /&gt;&lt;/span&gt;&lt;br /&gt;
 &lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Or copy the following code that I copied from that link and paste it into your HTML.&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;MicrosoftTranslatorWidget&#39;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;Dark&#39;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;color&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;: white; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background-color&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;: #555555&#39;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;text/javascript&#39;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; setTimeout(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;{&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var&lt;/span&gt; s = document.createElement(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;script&#39;&lt;/span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;s.type = &lt;span style=&quot;color: maroon;&quot;&gt;&#39;text/javascript&#39;&lt;/span&gt;; s.charset = &lt;span style=&quot;color: maroon;&quot;&gt;&#39;UTF-8&#39;&lt;/span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;s.src = ((location &amp;amp;&amp;amp; location.href &amp;amp;&amp;amp; location.href.indexOf(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;https&#39;&lt;/span&gt;) == 0) ? &lt;span style=&quot;color: maroon;&quot;&gt;&#39;https://ssl.microsofttranslator.com&#39;&lt;/span&gt; : &lt;span style=&quot;color: maroon;&quot;&gt;&#39;http://www.microsofttranslator.com&#39;&lt;/span&gt;) + &lt;span style=&quot;color: maroon;&quot;&gt;&#39;/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&amp;amp;ctf=True&amp;amp;ui=true&amp;amp;settings=Manual&amp;amp;from=en&#39;&lt;/span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; p = document.getElementsByTagName(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;head&#39;&lt;/span&gt;)[0] || document.documentElement; p.insertBefore(s,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;p.firstChild);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;}, 0);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;b&gt;Sample to check&lt;br /&gt;&lt;/b&gt;Now create a website and a page and add some content to it.&lt;br /&gt;&lt;br /&gt;Now design your screen&amp;nbsp;as in&amp;nbsp;the following screen.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;2.jpeg&quot; border=&quot;0&quot; height=&quot;393&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/translate-your-web-site-using-bing-translator-widget/Images/2.jpeg&quot; width=&quot;332&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Or you can copy the following source code:&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&lt;/span&gt; &lt;/span&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;table&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;MicrosoftTranslatorWidget&#39;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;Dark&#39;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;color&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;: white; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background-color&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;: #555555&#39;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&#39;text/javascript&#39;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; setTimeout(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; s = document.createElement(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;script&#39;&lt;/span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; s.type = &lt;span style=&quot;color: maroon;&quot;&gt;&#39;text/javascript&#39;&lt;/span&gt;; s.charset = &lt;span style=&quot;color: maroon;&quot;&gt;&#39;UTF-8&#39;&lt;/span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; s.src = ((location &amp;amp;&amp;amp; location.href &amp;amp;&amp;amp; location.href.indexOf(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;https&#39;&lt;/span&gt;) == 0) ? &lt;span style=&quot;color: maroon;&quot;&gt;&#39;https://ssl.microsofttranslator.com&#39;&lt;/span&gt; : &lt;span style=&quot;color: maroon;&quot;&gt;&#39;http://www.microsofttranslator.com&#39;&lt;/span&gt;) + &lt;span style=&quot;color: maroon;&quot;&gt;&#39;/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&amp;amp;ctf=True&amp;amp;ui=true&amp;amp;settings=Manual&amp;amp;from=en&#39;&lt;/span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; p = document.getElementsByTagName(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;head&#39;&lt;/span&gt;)[0] || document.documentElement; p.insertBefore(s,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;p.firstChild);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;}, 0);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;: 300px; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;color&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:Red; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;padding-top&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:10px;&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; C# (pronounced see sharp) is a multi-paradigm programming language encompassing&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; strong typing, imperative, declarative, functional, procedural, generic, object-oriented&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (class-based), and component-oriented programming disciplines. It was developed&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; by Microsoft within its .NET initiative and later approved as a standard by Ecma&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (ECMA-334) and ISO (ISO/IEC 23270:2006). C# is one of the programming languages&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; designed for the Common Language Infrastructure. C# is intended to be a simple,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; modern, general-purpose, object-oriented programming language.[6] Its development&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; on August 15, 2012.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;td&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;table&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: 115%; margin: 0in 0in 10pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Consolas;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;Now build your application.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;And click on the &quot;Translate&quot; button.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;3.jpeg&quot; border=&quot;0&quot; height=&quot;477&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/translate-your-web-site-using-bing-translator-widget/Images/3.jpeg&quot; width=&quot;372&quot; /&gt;&lt;br /&gt;&lt;br /&gt;It will open a panel with all languages and select the language from the list to translate.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;4.jpeg&quot; border=&quot;0&quot; height=&quot;461&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/translate-your-web-site-using-bing-translator-widget/Images/4.jpeg&quot; width=&quot;388&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;Here I selected Hindi. So my webpage content will be translated to Hindi.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;5.jpeg&quot; border=&quot;0&quot; height=&quot;460&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/translate-your-web-site-using-bing-translator-widget/Images/5.jpeg&quot; width=&quot;347&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Thank you.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;To download the Source&lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/translate-your-web-site-using-bing-translator-widget/&quot; target=&quot;_blank&quot;&gt; Click here.&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/6876151907546035593/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/translate-your-web-site-using-bing.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/6876151907546035593'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/6876151907546035593'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/translate-your-web-site-using-bing.html' title='Translate Your Web Site Using Bing Translator Widget'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-4474334025930836875</id><published>2013-10-17T04:00:00.002-07:00</published><updated>2013-10-20T22:05:14.162-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="Windows Form"/><category scheme="http://www.blogger.com/atom/ns#" term="WMI Class Examples"/><title type='text'>Get the Battery Details of Your System in Windows Form</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;br /&gt; &lt;/b&gt;&lt;br /&gt;
This article explains how to get the details of the &lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;battery connected to your 
system. Here I will get the information from the Win32_Battery class.&lt;br /&gt; &lt;br /&gt; &lt;b&gt;What Win32_Battery is&lt;br /&gt; &lt;/b&gt;&lt;br /&gt;
The Win32_Battery WMI class a represents battery connected to the computer 
system.. &lt;br /&gt; &lt;br /&gt; &lt;b&gt;Design&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Create a new Windows Forms Application Project.&lt;br /&gt; &lt;br /&gt;
Add one button control to the form.&lt;br /&gt; &lt;br /&gt;
Design your screen as in the following screen:&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;1.jpeg&quot; border=&quot;0&quot; height=&quot;186&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-battery-details-of-your-system-in-windows-form/Images/1.jpeg&quot; width=&quot;308&quot; /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Next add a reference for &quot;System.Management&quot;.&lt;br /&gt;
&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;
To add the reference use the following procedure.&lt;br /&gt; &lt;br /&gt;
Go to Solution Explorer, select the project and right-click on that and choose 
&quot;Add Reference&quot; from the menu.&lt;br /&gt;&lt;br /&gt; &lt;img alt=&quot;2.png&quot; border=&quot;0&quot; height=&quot;527&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-battery-details-of-your-system-in-windows-form/Images/2.png&quot; width=&quot;638&quot; /&gt;&lt;br /&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;
A window will open; in that choose the &quot;.Net&quot; tab.&lt;br /&gt; &lt;br /&gt; &lt;img alt=&quot;3.jpg&quot; border=&quot;0&quot; height=&quot;416&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-battery-details-of-your-system-in-windows-form/Images/3.jpg&quot; width=&quot;493&quot; /&gt;&lt;br /&gt; &lt;br /&gt;
It will show a list. In that list, choose &quot;System.Management&quot; and click the &quot;OK&quot;
Button.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; &lt;img alt=&quot;4.jpg&quot; border=&quot;0&quot; height=&quot;410&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-battery-details-of-your-system-in-windows-form/Images/4.jpg&quot; width=&quot;480&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt; &lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;&lt;/span&gt;Now go to code view&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Add the namespace &quot;using System.Management;&quot;.&lt;br /&gt; &lt;br /&gt;
Write the following code in the Button Click event&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;:&lt;br /&gt; &lt;br /&gt;
private&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; button1_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; 
sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: #2b91af;&quot;&gt;SelectQuery&lt;/span&gt; Sq =
&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;SelectQuery&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Win32_Battery&quot;&lt;/span&gt;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObjectSearcher&lt;/span&gt; 
objOSDetails = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;
ManagementObjectSearcher&lt;/span&gt;(Sq);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObjectCollection&lt;/span&gt; 
osDetailsCollection = objOSDetails.Get();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: #2b91af;&quot;&gt;StringBuilder&lt;/span&gt; sb =
&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;StringBuilder&lt;/span&gt;();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: blue;&quot;&gt;foreach&lt;/span&gt; (&lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObject&lt;/span&gt; 
mo &lt;span style=&quot;color: blue;&quot;&gt;in&lt;/span&gt; osDetailsCollection)&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; {&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Availability: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;ushort&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Availability&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;BatteryRechargeTime: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;BatteryRechargeTime&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;BatteryStatus: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;ushort&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;BatteryStatus&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Caption: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Caption&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Chemistry: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;ushort&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Chemistry&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ConfigManagerErrorCode: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ConfigManagerErrorCode&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;InstallDate: 
{0}&quot;&lt;/span&gt;, &lt;span style=&quot;color: #2b91af;&quot;&gt;Convert&lt;/span&gt;.ToDateTime(mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;InstallDate&quot;&lt;/span&gt;]).ToString()));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ConfigManagerUserConfig: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ConfigManagerUserConfig&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CreationClassName 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CreationClassName&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Description: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Description&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DesignCapacity 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DesignCapacity&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DesignVoltage: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;ulong&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DesignVoltage&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DeviceID 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DeviceID&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ErrorCleared: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ErrorCleared&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ErrorDescription 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ErrorDescription&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EstimatedChargeRemaining: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;ushort&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EstimatedChargeRemaining&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EstimatedRunTime 
: {0}&quot;&lt;/span&gt;, mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EstimatedRunTime&quot;&lt;/span&gt;]).ToString());&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ExpectedBatteryLife: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ExpectedBatteryLife&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ExpectedLife 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ExpectedLife&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FullChargeCapacity: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FullChargeCapacity&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;LastErrorCode 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;LastErrorCode&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MaxRechargeTime: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MaxRechargeTime&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Name 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Name&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PNPDeviceID: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PNPDeviceID&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PowerManagementSupported 
: {0}&quot;&lt;/span&gt;, mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PowerManagementSupported&quot;&lt;/span&gt;]).ToString());&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SmartBatteryVersion: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SmartBatteryVersion&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Status 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Status&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemCreationClassName 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemCreationClassName&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemName: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemName&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;TimeToFullCharge 
: {0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;TimeToFullCharge&quot;&lt;/span&gt;]));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;TimeOnBattery: 
{0}&quot;&lt;/span&gt;, (&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;TimeOnBattery&quot;&lt;/span&gt;]));&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: #2b91af;&quot;&gt;UInt16&lt;/span&gt;[] PowerManagement = (&lt;span style=&quot;color: #2b91af;&quot;&gt;UInt16&lt;/span&gt;[])mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PowerManagementCapabilities&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: blue;&quot;&gt;foreach&lt;/span&gt; (&lt;span style=&quot;color: blue;&quot;&gt;uint&lt;/span&gt; 
version &lt;span style=&quot;color: blue;&quot;&gt;in&lt;/span&gt; PowerManagement)&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.AppendLine(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PowerManagementCapabilities: 
{0}&quot;&lt;/span&gt;, version.ToString()));&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;}&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color: #2b91af;&quot;&gt;MessageBox&lt;/span&gt;.Show(sb.ToString());&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&amp;nbsp;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Calibri,sans-serif; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;In the code above I am getting the information from 
Win32_Battery and showing it in a Message Box on a button click.&lt;br /&gt; &lt;br /&gt; &lt;b&gt;SelectQuery&lt;br /&gt; &lt;/b&gt;&lt;br /&gt;
It represents a WQL (WMI Query Language) SELECT data query.&lt;br /&gt; &lt;br /&gt; &lt;b&gt;ManagementObjectSearcher&lt;br /&gt; &lt;/b&gt;&lt;br /&gt;
It retrieves a collection of management objects based on a specified query. &lt;br /&gt; &lt;br /&gt;
This class is one of the more commonly used entry points to retrieving 
management information.&lt;br /&gt; &lt;br /&gt; &lt;b&gt;ManagementObjectCollection&lt;br /&gt; &lt;/b&gt;&lt;br /&gt;
It represents various collections of management objects retrieved using WMI.&lt;br /&gt; &lt;br /&gt;
Now build your application. Click on the button; it will show the Battery details 
in a Message box.&lt;br /&gt; &lt;br /&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Segoe UI; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;img alt=&quot;5.jpeg&quot; border=&quot;0&quot; height=&quot;292&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-battery-details-of-your-system-in-windows-form/Images/5.jpeg&quot; width=&quot;320&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;font-family: Segoe UI; line-height: normal; margin: 0in 0in 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&amp;nbsp;
Click &lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-battery-details-of-your-system-in-windows-form/&quot; target=&quot;_blank&quot;&gt;here to download&lt;/a&gt; Source&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Thank you.&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/4474334025930836875/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/get-battery-details-of-your-system-in.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/4474334025930836875'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/4474334025930836875'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/get-battery-details-of-your-system-in.html' title='Get the Battery Details of Your System in Windows Form'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-8329255339374333885</id><published>2013-10-17T03:54:00.001-07:00</published><updated>2013-10-20T22:04:35.802-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="WMI Class Examples"/><title type='text'>Get the Details of Your Windows Operating System in ASP.Net</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;This
 article describes how to get the details of your Windows Operating 
System. Here I will get the information from the Win32_OperatingSystem 
class.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Win32_OperatingSystem&lt;/b&gt; &lt;br /&gt;&lt;br /&gt;The &lt;i&gt;Win32_OperatingSystem &lt;/i&gt;WMI
 Class represents a Windows-based operating system installed on a 
computer. Any operating system that can be installed on a computer that 
can run a Windows-based operating system is a descendent or member of 
this class. Win32_OperatingSystem is a singleton class.&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;If
 a computer has multiple operating systems installed then this class 
only returns an instance for the currently active operating system.&lt;/span&gt; &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Design &lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Create a new ASP.Net Empty website.&lt;br /&gt;&lt;br /&gt;Add one page in that website.&lt;br /&gt;&lt;br /&gt;Write the following source code:&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/css&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: maroon;&quot;&gt;html&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;font-size&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;1.5em&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;font-family&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;Calibri&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: red;&quot;&gt;color&lt;/span&gt;: &lt;span style=&quot;color: blue;&quot;&gt;Red&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;style&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI;&quot;&gt;html&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;Next add a reference for System.Management.&lt;br /&gt;&lt;br /&gt;To add the reference use the following procedure.&lt;br /&gt;&lt;br /&gt;Go to Solution Explorer, select the project and right-click on that and choose &quot;Add Reference&quot; from the menu.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;2.png&quot; border=&quot;0&quot; height=&quot;540&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-details-of-your-windows-operating-system-in-Asp-Net/Images/2.png&quot; width=&quot;604&quot; /&gt;&lt;br /&gt;&lt;br /&gt;A window will open; in that choose the .Net tab.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;3.jpeg&quot; border=&quot;0&quot; height=&quot;420&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-details-of-your-windows-operating-system-in-Asp-Net/Images/3.jpeg&quot; width=&quot;500&quot; /&gt;&lt;br /&gt;&lt;br /&gt;It will show a list. In that list, choose System.Management and click the &quot;OK&quot; button.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Now go to code view and write the following code:&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Linq;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Web.UI.WebControls;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; System.Management;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI;&quot;&gt;&lt;br /&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;_Default&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;SelectQuery&lt;/span&gt; Sq = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;SelectQuery&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Win32_OperatingSystem&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObjectSearcher&lt;/span&gt; objOSDetails = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObjectSearcher&lt;/span&gt;(Sq);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObjectCollection&lt;/span&gt; osDetailsCollection = objOSDetails.Get();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;foreach&lt;/span&gt; (&lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObject&lt;/span&gt; mo &lt;span style=&quot;color: blue;&quot;&gt;in&lt;/span&gt; osDetailsCollection)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Name : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;name&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Version : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;version&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Csname : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;csname&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Boot Device : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;BootDevice&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Build Number : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;BuildNumber&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;BuildType : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;BuildType&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Caption : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Caption&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CodeSet : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CodeSet&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CountryCode : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CountryCode&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CreationClassName : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CreationClassName&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CSCreationClassName : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CSCreationClassName&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CSDVersion : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CSDVersion&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CurrentTimeZone : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;CurrentTimeZone&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DataExecutionPrevention_Available : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DataExecutionPrevention_Available&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DataExecutionPrevention_32BitApplications : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DataExecutionPrevention_32BitApplications&quot;&lt;/span&gt;].ToString() +&lt;br /&gt;&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DataExecutionPrevention_Drivers : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DataExecutionPrevention_Drivers&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DataExecutionPrevention_SupportPolicy : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;DataExecutionPrevention_SupportPolicy&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Debug : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Debug&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Description : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Description&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Distributed : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Distributed&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EncryptionLevel : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;EncryptionLevel&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ForegroundApplicationBoost : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ForegroundApplicationBoost&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FreePhysicalMemory : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FreePhysicalMemory&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FreeSpaceInPagingFiles : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FreeSpaceInPagingFiles&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FreeVirtualMemory : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FreeVirtualMemory&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;InstallDate : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;InstallDate&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;LastBootUpTime : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;LastBootUpTime&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;LocalDateTime : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;LocalDateTime&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Locale : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Locale&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Manufacturer : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Manufacturer&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MaxNumberOfProcesses : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MaxNumberOfProcesses&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MaxProcessMemorySize : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;MaxProcessMemorySize&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;NumberOfProcesses : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;NumberOfProcesses&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;NumberOfUsers : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;NumberOfUsers&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;OperatingSystemSKU : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;OperatingSystemSKU&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Organization : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Organization&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;OSArchitecture : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;OSArchitecture&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;OSLanguage : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;OSLanguage&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;OSType : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;OSType&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PAEEnabled : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PAEEnabled&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Primary : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Primary&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ProductType : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ProductType&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;RegisteredUser : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;RegisteredUser&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SerialNumber : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SerialNumber&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ServicePackMajorVersion : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ServicePackMajorVersion&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ServicePackMinorVersion : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;ServicePackMinorVersion&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SizeStoredInPagingFiles : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SizeStoredInPagingFiles&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Status : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Status&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SuiteMask : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SuiteMask&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemDevice : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemDevice&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemDirectory : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemDirectory&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemDrive : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SystemDrive&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;TotalVirtualMemorySize : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;TotalVirtualMemorySize&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;TotalVisibleMemorySize : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;TotalVisibleMemorySize&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Version : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Version&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Response.Write(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;WindowsDirectory : &quot;&lt;/span&gt; + mo[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;WindowsDirectory&quot;&lt;/span&gt;].ToString() + &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;In the code above I get the information from Win32_OperatingSystem and display that in the page.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;SelectQuery&lt;/b&gt;It represents a&amp;nbsp;WMI Query Language (WQL) SELECT data query.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;ManagementObjectSearcher&lt;/b&gt;It retrieves a collection of management objects based on a specified query. &lt;br /&gt;&lt;br /&gt;This class is one of the more commonly used entry points to retrieving management information.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;ManagementObjectCollection&lt;/b&gt;It represents various collections of management objects retrieved using WMI.&lt;br /&gt;&lt;br /&gt;Now build your application, it will show the details of your Windows OS in the page.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;img alt=&quot;5.jpeg&quot; border=&quot;0&quot; height=&quot;532&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-details-of-your-windows-operating-system-in-Asp-Net/Images/5.jpeg&quot; width=&quot;640&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Click &lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-the-details-of-your-windows-operating-system-in-Asp-Net/&quot; target=&quot;_blank&quot;&gt;here to download&lt;/a&gt; source &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/8329255339374333885/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/introduction-this-article-describes-how.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8329255339374333885'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8329255339374333885'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/introduction-this-article-describes-how.html' title='Get the Details of Your Windows Operating System in ASP.Net'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-6756896855023095552</id><published>2013-10-17T03:50:00.000-07:00</published><updated>2013-10-20T22:05:54.939-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><category scheme="http://www.blogger.com/atom/ns#" term="WMI Class Examples"/><title type='text'>Get All Intranet User Details in ASP.Net</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div align=&quot;justify&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;This
 article describes how to get the details of users present in an 
intranet. Here I will get the information from the Win32_UserAccount 
class.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;What is Win32_UserAccount&lt;/b&gt; &lt;br /&gt;&lt;br /&gt;The &lt;i&gt;Win32_UserAccount&lt;/i&gt; WMI class contains information about a user account on a computer system running Windows.&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Design &lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Create a new ASP.Net Empty website.&lt;br /&gt;&lt;br /&gt;Add one page in that website.&lt;br /&gt;&lt;br /&gt;In that page drag and drop a GridView control.&lt;br /&gt;&lt;br /&gt;Design your screen as in the following screen.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;1.png&quot; border=&quot;0&quot; height=&quot;223&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-all-intranet-user-details-in-Asp-Net/Images/1.png&quot; width=&quot;241&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Or you can copy the following source code:&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI; font-size: small;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;GridView1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;CellPadding&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;4&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#333333&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;AlternatingRowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;HeaderStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#507CD1&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;Font-Bold&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;True&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;PagerStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#2461BF&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;ForeColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;White&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;HorizontalAlign&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Center&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;RowStyle&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;BackColor&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;#EFF3FB&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;asp&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;GridView&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI; font-size: small;&quot;&gt;body&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;Next add a reference of System.Management.&lt;br /&gt;&lt;br /&gt;To add the reference use the following procedure.&lt;br /&gt;&lt;br /&gt;Go to Solution Explorer, select the project and right-click on that and choose &quot;Add Reference&quot; from the menu.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;2.png&quot; border=&quot;0&quot; height=&quot;540&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-all-intranet-user-details-in-Asp-Net/Images/2.png&quot; width=&quot;604&quot; /&gt;&lt;br /&gt;&lt;br /&gt;A window will open; in that choose the .Net tab.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;3.jpeg&quot; border=&quot;0&quot; height=&quot;420&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-all-intranet-user-details-in-Asp-Net/Images/3.jpeg&quot; width=&quot;500&quot; /&gt;&lt;br /&gt;&lt;br /&gt;It will show&amp;nbsp; a&amp;nbsp; list. In that list, choose System.Management and click the &quot;OK&quot; button.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;4.jpeg&quot; border=&quot;0&quot; height=&quot;417&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-all-intranet-user-details-in-Asp-Net/Images/4.jpeg&quot; width=&quot;484&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now go to code view and write following code:&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Collections.Generic;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Linq;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Web;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Web.UI;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Web.UI.WebControls;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Management;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Data;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;_Default&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt; dt = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;User name&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Account Type&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Caption&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Description&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Disabled&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Domain&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Instal Date&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Local Account&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Lockout&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Password Changeable&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Password Expires&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Password Required&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SID&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SID Type&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Status&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;SelectQuery&lt;/span&gt; Sq = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;SelectQuery&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Win32_UserAccount&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObjectSearcher&lt;/span&gt; objOSDetails = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObjectSearcher&lt;/span&gt;(Sq);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObjectCollection&lt;/span&gt; osDetailsCollection = objOSDetails.Get();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;foreach&lt;/span&gt; (&lt;span style=&quot;color: #2b91af;&quot;&gt;ManagementObject&lt;/span&gt; MO &lt;span style=&quot;color: blue;&quot;&gt;in&lt;/span&gt; osDetailsCollection)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataRow&lt;/span&gt; dr = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;User name&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;FullName&quot;&lt;/span&gt;].ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Account Type&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;AccountType&quot;&lt;/span&gt;].ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Caption&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Caption&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Description&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Description&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Disabled&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Disabled&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Domain&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Domain&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Instal Date&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;InstallDate&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Local Account&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;LocalAccount&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Lockout&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Lockout&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Password Changeable&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PasswordChangeable&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Password Expires&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PasswordExpires&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Password Required&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;PasswordRequired&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SID&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SID&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SID Type&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;SIDType&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Status&quot;&lt;/span&gt;] = MO[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Status&quot;&lt;/span&gt;];&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dr);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; GridView1.DataSource = dt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; GridView1.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;In the code above I get the information from Win32_UserAccount and store it in a datatable and bind it to the grid.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;SelectQuery&lt;/b&gt;It Represents a WQL (WMI Query Language) SELECT data query.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;ManagementObjectSearcher&lt;/b&gt;It retrieves a collection of management objects based on a specified query. &lt;br /&gt;&lt;br /&gt;This class is one of the more commonly used entry points to retrieving management information.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;ManagementObjectCollection&lt;/b&gt;It represents various collections of management objects retrieved using WMI.&lt;br /&gt;&lt;br /&gt;Now build your application, it will show all intranet userinfo in the grid.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;5.jpg&quot; border=&quot;0&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-all-intranet-user-details-in-Asp-Net/Images/5.jpg&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;To download the source click &lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/get-all-intranet-user-details-in-Asp-Net/&quot;&gt;here &lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/6756896855023095552/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/get-all-intranet-user-details-in-aspnet.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/6756896855023095552'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/6756896855023095552'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/10/get-all-intranet-user-details-in-aspnet.html' title='Get All Intranet User Details in ASP.Net'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-8352824266635206565</id><published>2013-07-23T04:19:00.000-07:00</published><updated>2013-07-23T04:21:43.924-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="SQL"/><title type='text'>Important SQL Queries Every Developer Should Know in SQL Server</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction &lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;In this article I am sharing some SQL queries necessary&amp;nbsp;for maintaining data in SQL Server for every developer.SQL &lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;b&gt;Get the related Stored Procedure to a table&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;DISTINCT&lt;/span&gt; o&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; o&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;xtype&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;FROM&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: green;&quot;&gt;syscomments&lt;/span&gt; c&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;INNER&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: grey;&quot;&gt;JOIN&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;sysobjects&lt;/span&gt; o &lt;span style=&quot;color: blue;&quot;&gt;ON&lt;/span&gt; c&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;id&lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt;o&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;WHERE&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; c&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;TEXT&lt;/span&gt; &lt;span style=&quot;color: grey;&quot;&gt;LIKE&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;%Yourtablename%&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Or you can use following query&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;br /&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; Name&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;FROM&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: green;&quot;&gt;sys&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;procedures&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;WHERE&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: magenta;&quot;&gt;OBJECT_DEFINITION&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: magenta;&quot;&gt;OBJECT_ID&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: grey;&quot;&gt;LIKE&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;%yourtablename%&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Get the related table to a Stored Procedure&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;br /&gt;;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;WITH&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; stored_procedures &lt;span style=&quot;color: blue;&quot;&gt;AS &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;o&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;name &lt;span style=&quot;color: blue;&quot;&gt;AS&lt;/span&gt; proc_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; oo&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;name &lt;span style=&quot;color: blue;&quot;&gt;AS&lt;/span&gt; table_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: magenta; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;ROW_NUMBER&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;OVER&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;partition&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;by&lt;/span&gt; o&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt;oo&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;name &lt;span style=&quot;color: blue;&quot;&gt;ORDER&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;BY&lt;/span&gt; o&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt;oo&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;name&lt;span style=&quot;color: grey;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;AS&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;row&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;FROM&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: green;&quot;&gt;sysdepends&lt;/span&gt; d&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;INNER&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: grey;&quot;&gt;JOIN&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;sysobjects&lt;/span&gt; o &lt;span style=&quot;color: blue;&quot;&gt;ON&lt;/span&gt; o&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;id&lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt;d&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;id&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;INNER&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: grey;&quot;&gt;JOIN&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;sysobjects&lt;/span&gt; oo &lt;span style=&quot;color: blue;&quot;&gt;ON&lt;/span&gt; oo&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;id&lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt;d&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;depid&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;WHERE&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; o&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;xtype &lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;P&#39;&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; proc_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; table_name &lt;span style=&quot;color: blue;&quot;&gt;FROM&lt;/span&gt; stored_procedures&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;WHERE&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;row&lt;/span&gt; &lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt; 1&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;AND&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; proc_name &lt;span style=&quot;color: grey;&quot;&gt;LIKE&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;%YourStoredProcedureName%&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;ORDER&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;BY&lt;/span&gt; proc_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt;table_name&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt; &lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Get the related trigger to a table&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;br /&gt;select&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; so&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;text&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;from&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: green;&quot;&gt;sysobjects&lt;/span&gt; so&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;syscomments&lt;/span&gt; sc&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;where&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;type&lt;/span&gt; &lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;TR&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;and&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; so&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;id &lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt; sc&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;id&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt; line-height: 115%;&quot;&gt;and&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt; line-height: 115%;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;text&lt;/span&gt; &lt;span style=&quot;color: grey;&quot;&gt;like&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;%YourTableName%&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Get the related views to a table&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; view_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; Table_Name&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;FROM&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: green;&quot;&gt;INFORMATION_SCHEMA&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;VIEW_TABLE_USAGE&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;WHERE&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; Table_Name&lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;YourTableName&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;ORDER&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;BY&lt;/span&gt; view_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; table_name&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt; &lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Get the related table to a view&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;br /&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; view_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; Table_Name&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;FROM&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: green;&quot;&gt;INFORMATION_SCHEMA&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;VIEW_TABLE_USAGE&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;WHERE&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; View_Name &lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;&#39;YourViewName&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;ORDER&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;BY&lt;/span&gt; view_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; table_name&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt; &lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Get the tables that do not have an identity column&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;br /&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;TABLE_NAME &lt;span style=&quot;color: blue;&quot;&gt;FROM&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;INFORMATION_SCHEMA&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;TABLES&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;where&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;Table_NAME &lt;span style=&quot;color: grey;&quot;&gt;NOT&lt;/span&gt; &lt;span style=&quot;color: grey;&quot;&gt;IN&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;(&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;DISTINCT&lt;/span&gt; c&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;TABLE_NAME &lt;span style=&quot;color: blue;&quot;&gt;FROM&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;INFORMATION_SCHEMA&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;COLUMNS&lt;/span&gt; c&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;INNER&lt;br /&gt;JOIN&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: green;&quot;&gt;sys&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;identity_columns&lt;/span&gt; ic&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;on&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;(&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt;c&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;COLUMN_NAME&lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt;ic&lt;span style=&quot;color: grey;&quot;&gt;.&lt;/span&gt;NAME&lt;span style=&quot;color: grey;&quot;&gt;))&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;AND&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;TABLE_TYPE &lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;BASE TABLE&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Get a list of tables with the number of records of each table&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;br /&gt;CREATE&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;TABLE&lt;/span&gt; #counts&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;(&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; table_name &lt;span style=&quot;color: blue;&quot;&gt;varchar&lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;(&lt;/span&gt;255&lt;span style=&quot;color: grey;&quot;&gt;),&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; row_count &lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: grey; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;)&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt;&quot;&gt;&lt;br /&gt;EXEC&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt;&quot;&gt; &lt;span style=&quot;color: maroon;&quot;&gt;sp_MSForEachTable&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt; &lt;/span&gt;@command1&lt;span style=&quot;color: grey;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;&#39;INSERT #counts (table_name, row_count) SELECT &#39;&#39;?&#39;&#39;, COUNT(*) FROM ?&#39;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: 10pt; line-height: 115%;&quot;&gt;SELECT&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: 10pt; line-height: 115%;&quot;&gt; table_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; row_count &lt;span style=&quot;color: blue;&quot;&gt;FROM&lt;/span&gt; #counts &lt;span style=&quot;color: blue;&quot;&gt;ORDER&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;BY&lt;/span&gt; table_name&lt;span style=&quot;color: grey;&quot;&gt;,&lt;/span&gt; row_count &lt;span style=&quot;color: blue;&quot;&gt;DESC&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: x-small;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: small;&quot;&gt;If any modifications then please comment.&lt;br /&gt;&lt;br /&gt;Thank you.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/8352824266635206565/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/07/important-sql-queries-every-developer.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8352824266635206565'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8352824266635206565'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/07/important-sql-queries-every-developer.html' title='Important SQL Queries Every Developer Should Know in SQL Server'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-8409238836585273216</id><published>2013-06-11T00:29:00.000-07:00</published><updated>2013-10-20T22:02:58.753-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><title type='text'>Retrieve Picasa Albums and View photos in Asp.Net </title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;This
 article describes how to retrieve Picasa Albums with a photo in 
ASP.Net.&amp;nbsp; Here I will describe how to communicate with Picasa using the 
Google API.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Description&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Since
 it is a third party software, for this we require&amp;nbsp;a third party DLL to 
be referenced&amp;nbsp;by our application that will communicate with the Gmail 
server.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 12pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;For this we must download the Google API setup from the following link:&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;a href=&quot;http://code.google.com/p/google-gdata/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;http://code.google.com/p/google-gdata/&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Or you can directly download it from this link:&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;a href=&quot;https://google-gdata.googlecode.com/files/Google_Data_API_Setup_2.1.0.0.msi&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;https://google-gdata.googlecode.com/files/Google_Data_API_Setup_2.1.0.0.msi&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;When you install this setup you will get these DLL files in your PC:&lt;/span&gt;&lt;/div&gt;
&lt;ol type=&quot;1&quot;&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Google.GData.Client.dll &lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Google.GData.Photos.dll &lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Google.GData.Extensions.dll &lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 5pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Collect these DLLs.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 5pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;To view your retrieved photos in a gallery look we use the jQuery class libraries. So you must download these files and CSS:&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;line-height: normal; margin-bottom: 0pt; text-indent: -0.25in;&quot;&gt;
&lt;span style=&quot;color: black; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;1.&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-style: normal; font-variant: normal; font-weight: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;jquery-1.10.1.js&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;line-height: normal; margin-bottom: 0pt; text-indent: -0.25in;&quot;&gt;
&lt;span style=&quot;color: black; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;2.&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-style: normal; font-variant: normal; font-weight: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;jquery.galleriffic.js&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;line-height: normal; margin-bottom: 0pt; text-indent: -0.25in;&quot;&gt;
&lt;span style=&quot;color: black; font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;3.&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-style: normal; font-variant: normal; font-weight: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;jquery.opacityrollover.js&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;You can also download it from the source code attached in the file.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 5pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;b&gt;Design &lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 5pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now design your screen like the following screen.&lt;br /&gt;&lt;br /&gt;&lt;img alt=&quot;Image1.jpg&quot; border=&quot;0&quot; height=&quot;265&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/retrieve-picasa-albums-and-view-photos-in-Asp-Net/Images/Image1.jpg&quot; width=&quot;650&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 5pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Or you can copy the following source code:&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: html&quot;&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;// Comment
&lt;form id=&quot;form1&quot; runat=&quot;server&quot;&gt;
&lt;table&gt;
        &lt;tbody&gt;
&lt;tr id=&quot;tdlogin&quot; runat=&quot;server&quot;&gt;
            &lt;td colspan=&quot;2&quot;&gt;&lt;table align=&quot;center&quot;&gt;
                    &lt;tbody&gt;
&lt;tr&gt;
                        &lt;td&gt;&lt;asp:label id=&quot;Label2&quot; runat=&quot;server&quot; text=&quot;User Name&quot;&gt;&lt;/asp:label&gt;
                        &lt;/td&gt;
                        &lt;td&gt;&lt;asp:textbox id=&quot;txtUserName&quot; runat=&quot;server&quot;&gt;&lt;/asp:textbox&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
&lt;tr&gt;
                        &lt;td&gt;&lt;asp:label id=&quot;Label3&quot; runat=&quot;server&quot; text=&quot;Password&quot;&gt;&lt;/asp:label&gt;
                        &lt;/td&gt;
                        &lt;td&gt;&lt;asp:textbox id=&quot;txtpwd&quot; runat=&quot;server&quot; textmode=&quot;Password&quot;&gt;&lt;/asp:textbox&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
&lt;tr&gt;
                        &lt;td align=&quot;center&quot; colspan=&quot;2&quot;&gt;&lt;asp:button id=&quot;btnLogin&quot; onclick=&quot;btnLogin_Click&quot; runat=&quot;server&quot; text=&quot;Login&quot;&gt;
                            &lt;asp:hiddenfield id=&quot;hfUsername&quot; runat=&quot;server&quot;&gt;
                            &lt;asp:hiddenfield id=&quot;hfPwd&quot; runat=&quot;server&quot;&gt;
                        &lt;/asp:hiddenfield&gt;&lt;/asp:hiddenfield&gt;&lt;/asp:button&gt;&lt;/td&gt;
                    &lt;/tr&gt;
&lt;tr&gt;
                        &lt;td align=&quot;center&quot; colspan=&quot;2&quot;&gt;&lt;asp:label forecolor=&quot;Red&quot; id=&quot;lblMsg&quot; runat=&quot;server&quot;&gt;&lt;/asp:label&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/td&gt;
        &lt;/tr&gt;
&lt;tr&gt;
            &lt;td style=&quot;width: 40%;&quot;&gt;&lt;div&gt;
&lt;asp:gridview allowpaging=&quot;true&quot; autogeneratecolumns=&quot;false&quot; id=&quot;GridView1&quot; onpageindexchanging=&quot;GridView1_SelectedIndexChanging&quot; onrowcommand=&quot;GridView1_RowCommand&quot; pagesize=&quot;7&quot; runat=&quot;server&quot; width=&quot;100%&quot;&gt;
                        &lt;columns&gt;
                            &lt;asp:templatefield headertext=&quot;Album Name&quot;&gt;
                                &lt;itemtemplate&gt;
                                    &lt;asp:label id=&quot;Label1&quot; runat=&quot;server&quot; text=&quot;&amp;lt;%#Eval(&amp;quot;Album&amp;quot;) +&amp;quot;-&amp;quot;+Eval(&amp;quot;NO of photo&amp;quot;) %&amp;gt;&quot;&gt;&lt;/asp:label&gt;
                                &lt;/itemtemplate&gt;
                            &lt;/asp:templatefield&gt;
                            &lt;asp:templatefield headertext=&quot;Click to View&quot;&gt;
                                &lt;itemtemplate&gt;
                                    &lt;asp:linkbutton commandargument=&quot;&amp;lt;%#Eval(&amp;quot;id&amp;quot;) %&amp;gt;&quot; commandname=&quot;Download&quot; id=&quot;LnkViewphoto&quot; runat=&quot;server&quot;&gt; &lt;img height=&quot;80px&quot; src=&quot;&amp;lt;%#Eval(&amp;quot;url&amp;quot;) %&amp;gt;&quot; width=&quot;150px&quot; /&gt;&lt;/asp:linkbutton&gt;
                                &lt;/itemtemplate&gt;
                            &lt;/asp:templatefield&gt;
                        &lt;/columns&gt;
                    &lt;/asp:gridview&gt;
                &lt;/div&gt;
&lt;/td&gt;
            &lt;td style=&quot;width: 65%;&quot;&gt;&lt;asp:panel id=&quot;Panel1&quot; runat=&quot;server&quot; visible=&quot;false&quot;&gt;
                    &lt;/asp:panel&gt;&lt;br /&gt;
&lt;div id=&quot;page&quot;&gt;
&lt;div id=&quot;container&quot;&gt;
&lt;h2&gt;
                                Gallery by Sanjeeb&lt;/h2&gt;
&lt;h4&gt;
                                CopyRight by Sanjeeb&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
        &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/form&gt;
&lt;/span&gt;&lt;/pre&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Next add the following JavaScript code in the head tag (it&#39;s used&amp;nbsp;to design the gallery):&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI; font-size: small;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;runat&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;server&quot;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;title&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;link&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;rel&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;stylesheet&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;href&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;css/basic.css&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/css&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;link&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;rel&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;stylesheet&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;href&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;css/galleriffic-2.css&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/css&quot;&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;/&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;js/jquery-1.10.1.js&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;js/jquery.galleriffic.js&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;src&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;js/jquery.opacityrollover.js&quot;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; document.write(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;&#39;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; jQuery(document).ready(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; ($) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// We only want these styles applied when javascript is enabled&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;div.navigation&#39;&lt;/span&gt;).css({ &lt;span style=&quot;color: maroon;&quot;&gt;&#39;width&#39;&lt;/span&gt;: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;300px&#39;&lt;/span&gt;, &lt;span style=&quot;color: maroon;&quot;&gt;&#39;float&#39;&lt;/span&gt;: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;left&#39;&lt;/span&gt; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;div.content&#39;&lt;/span&gt;).css(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;display&#39;&lt;/span&gt;, &lt;span style=&quot;color: maroon;&quot;&gt;&#39;block&#39;&lt;/span&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// Initially set opacity on thumbs and add&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// additional styling for hover effect on thumbs&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; onMouseOutOpacity = 0.67;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;#thumbs ul.thumbs li&#39;&lt;/span&gt;).opacityrollover({&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mouseOutOpacity: onMouseOutOpacity,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mouseOverOpacity: 1.0,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; fadeSpeed: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;fast&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; exemptionSelector: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;.selected&#39;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// Initialize Advanced Galleriffic Gallery&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; gallery = $(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;#thumbs&#39;&lt;/span&gt;).galleriffic({&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; delay: 2500,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; numThumbs: 15,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;preloadAhead: 10,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; enableTopPager: &lt;span style=&quot;color: blue;&quot;&gt;true&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; enableBottomPager: &lt;span style=&quot;color: blue;&quot;&gt;true&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; maxPagesToShow: 7,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; imageContainerSel: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;#slideshow&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; controlsContainerSel: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;#controls&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; captionContainerSel: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;#caption&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; loadingContainerSel: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;#loading&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; renderSSControls: &lt;span style=&quot;color: blue;&quot;&gt;true&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; renderNavControls: &lt;span style=&quot;color: blue;&quot;&gt;true&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; playLinkText: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;Play Slideshow&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; pauseLinkText: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;Pause Slideshow&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; prevLinkText: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;Previous Photo&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; nextLinkText: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;Next Photo&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; nextPageLinkText: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;Next &lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; prevPageLinkText: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;Prev&#39;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; enableHistory: &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; autoStart: &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; syncTransitions: &lt;span style=&quot;color: blue;&quot;&gt;true&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; defaultTransitionDuration: 900,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; onSlideChange: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (prevIndex, nextIndex) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: darkgreen;&quot;&gt;// &#39;this&#39; refers to the gallery, which is an extension of $(&#39;#thumbs&#39;)&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;this&lt;/span&gt;.find(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;ul.thumbs&#39;&lt;/span&gt;).children()&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .eq(prevIndex).fadeTo(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;fast&#39;&lt;/span&gt;, onMouseOutOpacity).end()&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .eq(nextIndex).fadeTo(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;fast&#39;&lt;/span&gt;, 1.0);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; },&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; onPageTransitionOut: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (callback) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;this&lt;/span&gt;.fadeTo(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;fast&#39;&lt;/span&gt;, 0.0, callback);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; },&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; onPageTransitionIn: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;this&lt;/span&gt;.fadeTo(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;fast&#39;&lt;/span&gt;, 1.0);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: Segoe UI; font-size: small;&quot;&gt;head&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;Now go to the code view.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Next add a reference of the following Google gdata DLL to your website:&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Google.GData.Client.dll &lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Google.GData.Extensions.dll&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;Google.GData.Photos.dll &lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;line-height: normal; margin-bottom: 0pt; text-indent: -0.25in;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI;&quot;&gt;And write the following code .cs file:&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Web.UI.WebControls;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; Google.GData.Photos;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Data;&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;using&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; System.Text;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;color: blue; font-family: Segoe UI; font-size: small;&quot;&gt;public&lt;/span&gt;&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;partial&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;_Default&lt;/span&gt; : System.Web.UI.&lt;span style=&quot;color: #2b91af;&quot;&gt;Page&lt;/span&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; Page_Load(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; lblMsg.Text = &lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Empty;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: grey;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;&amp;lt;summary&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: grey;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt; This method used to bind the albums to grid&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: grey;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;&amp;lt;/summary&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;private&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; BindAlbum()&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;AlbumQuery&lt;/span&gt; query = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;AlbumQuery&lt;/span&gt;(&lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaQuery&lt;/span&gt;.CreatePicasaUri(txtUserName.Text));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaService&lt;/span&gt; service = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaService&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;sample&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; service.setUserCredentials(txtUserName.Text, txtpwd.Text);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Session[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;token&quot;&lt;/span&gt;] = service.QueryClientLoginToken();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaFeed&lt;/span&gt; feed = service.Query(query);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataSet&lt;/span&gt; ds = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataSet&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt; dt = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataTable&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Album&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;NO of photo&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;url&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Columns.Add(&lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataColumn&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;id&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;typeof&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;foreach&lt;/span&gt; (&lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaEntry&lt;/span&gt; entry &lt;span style=&quot;color: blue;&quot;&gt;in&lt;/span&gt; feed.Entries)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataRow&lt;/span&gt; dr1 = dt.NewRow();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;AlbumAccessor&lt;/span&gt; ac = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;AlbumAccessor&lt;/span&gt;(entry);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr1[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Album&quot;&lt;/span&gt;] = entry.Title.Text;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr1[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;NO of photo&quot;&lt;/span&gt;] = ac.NumPhotos;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr1[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;id&quot;&lt;/span&gt;] = ac.Id;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dr1[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;url&quot;&lt;/span&gt;] = entry.Media.Thumbnails[0].Url;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; dt.Rows.Add(dr1);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ds.Tables.Add(dt);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ViewState[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Album&quot;&lt;/span&gt;] = ds;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; GridView1.DataSource = ds;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; GridView1.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: grey;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;&amp;lt;summary&amp;gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: grey;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt; this event used to bind the photo to gallery using the albumid&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: grey;&quot;&gt;///&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: grey;&quot;&gt;&amp;lt;/summary&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; GridView1_RowCommand(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;GridViewCommandEventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (e.CommandName == &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Download&quot;&lt;/span&gt;)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Panel1.Visible = &lt;span style=&quot;color: blue;&quot;&gt;true&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;PhotoQuery&lt;/span&gt; query = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;PhotoQuery&lt;/span&gt;(&lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaQuery&lt;/span&gt;.CreatePicasaUri(txtUserName.Text, e.CommandArgument.ToString()));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaService&lt;/span&gt; service = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaService&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Picasa&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; service.setUserCredentials(hfUsername.Value, hfPwd.Value);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaFeed&lt;/span&gt; feed = service.Query(query);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;StringBuilder&lt;/span&gt; html = &lt;span style=&quot;color: blue;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;StringBuilder&lt;/span&gt;();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt; title;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; html.Append(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;ul class=\&quot;thumbs noscript\&quot;&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;foreach&lt;/span&gt; (&lt;span style=&quot;color: #2b91af;&quot;&gt;PicasaEntry&lt;/span&gt; entry &lt;span style=&quot;color: blue;&quot;&gt;in&lt;/span&gt; feed.Entries)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (entry.Title.Text.LastIndexOf(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;.&quot;&lt;/span&gt;) &amp;gt; -1)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; title = entry.Title.Text.Substring(0, entry.Title.Text.LastIndexOf(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;.&quot;&lt;/span&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;else&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; title = entry.Title.Text;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; html.Append(&lt;span style=&quot;color: #2b91af;&quot;&gt;String&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;li&amp;gt;&amp;lt;a class=\&quot;thumb\&quot; name={0} href=\&quot;{1}\&quot; title=\&quot;{2}\&quot;&amp;gt;&amp;lt;img src=\&quot;{3}\&quot; alt=\&quot;{4}\&quot;/&amp;gt;&amp;lt;/a&amp;gt;&quot;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; title, entry.Media.Content.Url, title, entry.Media.Thumbnails[0].Url, title));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; html.Append(&lt;span style=&quot;color: #2b91af;&quot;&gt;String&lt;/span&gt;.Format(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;div
 class=\&quot;caption\&quot;&amp;gt;&amp;lt;div 
class=\&quot;image-title\&quot;&amp;gt;{0}&amp;lt;/div&amp;gt;&amp;lt;div 
class=\&quot;image-desc\&quot;&amp;gt;{1}&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/li&amp;gt;&quot;&lt;/span&gt;,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; title, entry.Summary.Text));&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; html.Append(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;&amp;lt;/ul&amp;gt;&quot;&lt;/span&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; divSlider.InnerHtml = html.ToString();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; GridView1_SelectedIndexChanging(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;GridViewPageEventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataSet&lt;/span&gt; ds = ViewState[&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Album&quot;&lt;/span&gt;] &lt;span style=&quot;color: blue;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #2b91af;&quot;&gt;DataSet&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; GridView1.PageIndex = e.NewPageIndex;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; GridView1.DataSource = ds;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; GridView1.DataBind();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;protected&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;void&lt;/span&gt; btnLogin_Click(&lt;span style=&quot;color: blue;&quot;&gt;object&lt;/span&gt; sender, &lt;span style=&quot;color: #2b91af;&quot;&gt;EventArgs&lt;/span&gt; e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;if&lt;/span&gt; (txtUserName.Text != &lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Empty &amp;amp;&amp;amp; txtpwd.Text!=&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;.Empty)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; hfUsername.Value = txtUserName.Text;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; hfPwd.Value = txtpwd.Text;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; tdlogin.Visible = &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; BindAlbum();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;else&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; lblMsg.Text = &lt;span style=&quot;color: #a31515;&quot;&gt;&quot;Enter Your gmail id and pwd&quot;&lt;/span&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Now build your application. And enter the Gmail id and password in the corresponding TextBox.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;Click on the &quot;Login&quot; button. It will show all your Albums with names, number of photos and album cover photo in the grid.&lt;br /&gt;&lt;img alt=&quot;Image2.jpeg&quot; border=&quot;0&quot; height=&quot;94&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/retrieve-picasa-albums-and-view-photos-in-Asp-Net/Images/Image2.jpeg&quot; width=&quot;272&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0pt;&quot;&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt; &lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;Image3.jpeg&quot; border=&quot;0&quot; height=&quot;320&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/retrieve-picasa-albums-and-view-photos-in-Asp-Net/Images/Image3.jpeg&quot; width=&quot;169&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now
 click on any album cover photo to see all photos. It will show all 
photos in the gallery. In the gallery you can also see the slide show.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;&lt;img alt=&quot;Image4.jpg&quot; border=&quot;0&quot; height=&quot;150&quot; src=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/retrieve-picasa-albums-and-view-photos-in-Asp-Net/Images/Image4.jpg&quot; width=&quot;320&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Segoe UI; font-size: small;&quot;&gt;To download Code &lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/29d7e0/retrieve-picasa-albums-and-view-photos-in-Asp-Net/&quot; target=&quot;_blank&quot;&gt;Click Here&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/8409238836585273216/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/06/retrieve-picasa-albums-and-view-photos.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8409238836585273216'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/8409238836585273216'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/06/retrieve-picasa-albums-and-view-photos.html' title='Retrieve Picasa Albums and View photos in Asp.Net '/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-5067786509667248540</id><published>2013-06-02T01:55:00.001-07:00</published><updated>2013-10-20T22:06:17.079-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><title type='text'>Retrieve Gmail Contacts Name with Email in Asp.Net</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: 14.0pt; line-height: 115%;&quot;&gt;Introduction&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
This article I am going to describe how to retrieve Gmail
contact with Name and Mail id in asp net.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Here I will describe how to communicate with Gmail using Google API.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: 14.0pt; line-height: 115%;&quot;&gt;Description&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
As it is a third party software for this we required some
third party dll to be referenced to our application which will communicate with
Gmail server.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
For this we have to download the Google API Set up from
below link&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;a href=&quot;http://code.google.com/p/google-gdata/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt; line-height: 115%;&quot;&gt;http://code.google.com/p/google-gdata/&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Or you can direct download from this link&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;a href=&quot;https://google-gdata.googlecode.com/files/Google_Data_API_Setup_2.1.0.0.msi&quot;&gt;https://google-gdata.googlecode.com/files/Google_Data_API_Setup_2.1.0.0.msi&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Install this setup you will get these dll files in your Pc&lt;/div&gt;
&lt;ol start=&quot;1&quot; type=&quot;1&quot;&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;&quot;&gt;&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Google.GData.Apps.dll
&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;&quot;&gt;&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Google.GData.Client.dll
&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;&quot;&gt;&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Google.GData.Contacts.dll
&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;&quot;&gt;&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Google.GData.Extensions.dll
&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;
&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Collect
these dll&#39;s.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: 14.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Design
&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;
&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Now
design your design the screen as below screen &lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig8lI7w4EeI927ufk-zPs_CuuOSO69yuFcyKfNB3PAuZhVtGEIZ5M7_tLPhktVN-8t1DaEF9FPSkiuK7eT1bcKPEQqfjiVg0qYPx-NLbbjVH903bzokjFQY7g0femYQmu-Nn6PvdxJI_iL/s1600/index.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;234&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig8lI7w4EeI927ufk-zPs_CuuOSO69yuFcyKfNB3PAuZhVtGEIZ5M7_tLPhktVN-8t1DaEF9FPSkiuK7eT1bcKPEQqfjiVg0qYPx-NLbbjVH903bzokjFQY7g0femYQmu-Nn6PvdxJI_iL/s320/index.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Or Copy the source code below&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;script class=&quot;brush: html&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[
&lt;form id=&quot;form1&quot; runat=&quot;server&quot;&gt;
    &lt;div&gt;
        &lt;table align=&quot;center&quot; width=&quot;100%&quot;&gt;
&lt;tr&gt;
                &lt;td&gt;
                    &lt;table align=&quot;center&quot;&gt;
&lt;tr&gt;
                        &lt;/tr&gt;
&lt;tr&gt;
                            &lt;td&gt;
                                &lt;asp:Label ID=&quot;Label1&quot; runat=&quot;server&quot; Text=&quot;User name&quot;&gt;&lt;/asp:Label&gt;
                            &lt;/td&gt;
                            &lt;td&gt;
                                &lt;asp:TextBox ID=&quot;txtName&quot; runat=&quot;server&quot; Width=&quot;200px&quot;&gt;&lt;/asp:TextBox&gt;
                            &lt;/td&gt;
                        &lt;/tr&gt;
&lt;tr&gt;
                            &lt;td&gt;
                                &lt;asp:Label ID=&quot;Label2&quot; runat=&quot;server&quot; Text=&quot;Password&quot;&gt;&lt;/asp:Label&gt;
                            &lt;/td&gt;
                            &lt;td&gt;
                                &lt;asp:TextBox ID=&quot;txtPwd&quot; runat=&quot;server&quot; TextMode=&quot;Password&quot; Width=&quot;200px&quot;&gt;&lt;/asp:TextBox&gt;
                            &lt;/td&gt;
                        &lt;/tr&gt;
&lt;tr&gt;
                            &lt;td colspan=&quot;2&quot; align=&quot;center&quot;&gt;
                                &lt;asp:Button ID=&quot;btnLogin&quot; runat=&quot;server&quot; Text=&quot;Get Contact&quot; OnClick=&quot;btnLogin_Click&quot; /&gt;
                            &lt;/td&gt;
                        &lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
            &lt;/tr&gt;
&lt;tr&gt;
                &lt;td align=&quot;center&quot;&gt;
                    &lt;asp:GridView ID=&quot;gvContacts&quot; runat=&quot;server&quot; EmptyDataText=&quot;No contacts&quot; AllowPaging=&quot;true&quot;
                        Width=&quot;50%&quot; PageSize=&quot;15&quot; AutoGenerateColumns=&quot;false&quot; OnPageIndexChanging=&quot;gvContacts_PageIndexChanging&quot;&gt;
                        &lt;columns&gt;
                            &lt;asp:TemplateField HeaderText=&quot;Contact Name&quot;&gt;
                                &lt;itemtemplate&gt;
                                    &lt;asp:Label ID=&quot;lblName&quot; runat=&quot;server&quot; Text=&#39;&lt;%#Eval(&quot;Name&quot;) %&gt;&#39;&gt;&lt;/asp:Label&gt;
                                &lt;/ItemTemplate&gt;
                                &lt;itemstyle Width=&quot;200px&quot; /&gt;
                            &lt;/asp:TemplateField&gt;
                            &lt;asp:TemplateField HeaderText=&quot;Contact Email&quot;&gt;
                                &lt;itemtemplate&gt;
                                    &lt;asp:Label ID=&quot;lblEmail&quot; runat=&quot;server&quot; Text=&#39;&lt;%#Eval(&quot;EmailID&quot;) %&gt;&#39;&gt;&lt;/asp:Label&gt;
                                &lt;/ItemTemplate&gt;
                                &lt;itemstyle Width=&quot;100px&quot; /&gt;
                            &lt;/asp:TemplateField&gt;
                        &lt;/Columns&gt;
                    &lt;/asp:GridView&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/form&gt;
]]&gt;&lt;/script&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&amp;nbsp;Next add reference of Google gdata dll to your website.&lt;/div&gt;
&lt;ol start=&quot;1&quot; type=&quot;1&quot;&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;&quot;&gt;&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Google.GData.Apps.dll
&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;&quot;&gt;&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Google.GData.Client.dll
&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;&quot;&gt;&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Google.GData.Contacts.dll
&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;&quot;&gt;&lt;span style=&quot;mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-hansi-font-family: Calibri;&quot;&gt;Google.GData.Extensions.dll
&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
And write the below code .cs file&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;script class=&quot;brush: c-sharp&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[
using System;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using Google.GData.Contacts;
using Google.GData.Client;
using Google.GData.Extensions;
using Google.Contacts;

public partial class _Default : System.Web.UI.Page
{
    public DataSet GetGmailContacts(string App_Name, string Uname, string UPassword)
    {
        DataSet ds = new DataSet();
        DataTable dt = new DataTable();
        dt.Columns.Add(new DataColumn(&quot;EmailID&quot;, typeof(string)));
        dt.Columns.Add(new DataColumn(&quot;Name&quot;, typeof(string)));
        RequestSettings rs = new RequestSettings(App_Name, Uname, UPassword);
        rs.AutoPaging = true;
        ContactsRequest cr = new ContactsRequest(rs);
        Feed&lt;contact&gt; f = cr.GetContacts();
        foreach (Contact t in f.Entries)
        {
            foreach (EMail email in t.Emails)
            {
                DataRow dr = dt.NewRow();
                dr[&quot;EmailID&quot;] = email.Address.ToString();
                dr[&quot;Name&quot;] = t.Title.ToString();
                dt.Rows.Add(dr);
            }
        }
        ds.Tables.Add(dt);
        return ds;
    }


    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void btnLogin_Click(object sender, EventArgs e)
    {
        DataSet ds = GetGmailContacts(&quot;Gmail Contact Operations!&quot;, txtName.Text, txtPwd.Text);
        ViewState[&quot;Contact&quot;] = ds;
        gvContacts.DataSource = ds;
        gvContacts.DataBind();
    }

    protected void gvContacts_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        DataSet ds = ViewState[&quot;Contact&quot;] as DataSet;
        gvContacts.PageIndex = e.NewPageIndex;
        gvContacts.DataSource = ds;
        gvContacts.DataBind();

    }
}
]]&gt;&lt;/script&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Now build your Application. And enter Gmail id and password
in the corresponding textbox&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Click on Get Contact button it will show all your gmail
Contact Name with Email.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMTbrPzXZEFp6l4jUl4ByXWOG936ZGCIoh10DizGr8drhhmWhVsd2CqH4zDC4CgDLrg8RW6_UKAfh57laKG3Twg7LeFMdOEhtoZ49nQGAEEG7Hbar6ZwOFYosNbfSkjyBeguGlH9aCX9zz/s1600/index2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;215&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMTbrPzXZEFp6l4jUl4ByXWOG936ZGCIoh10DizGr8drhhmWhVsd2CqH4zDC4CgDLrg8RW6_UKAfh57laKG3Twg7LeFMdOEhtoZ49nQGAEEG7Hbar6ZwOFYosNbfSkjyBeguGlH9aCX9zz/s320/index2.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
Any modification or problem Plz comment
&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/5067786509667248540/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/06/retrieve-gmail-contacts-name-with-email_2.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/5067786509667248540'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/5067786509667248540'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/06/retrieve-gmail-contacts-name-with-email_2.html' title='Retrieve Gmail Contacts Name with Email in Asp.Net'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig8lI7w4EeI927ufk-zPs_CuuOSO69yuFcyKfNB3PAuZhVtGEIZ5M7_tLPhktVN-8t1DaEF9FPSkiuK7eT1bcKPEQqfjiVg0qYPx-NLbbjVH903bzokjFQY7g0femYQmu-Nn6PvdxJI_iL/s72-c/index.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-4632079535954401633</id><published>2013-05-29T23:15:00.003-07:00</published><updated>2013-10-20T22:06:30.117-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><title type='text'>How to Send Mail form Asp .Net Website</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&amp;nbsp;&lt;b&gt;&lt;u&gt;&lt;span style=&quot;font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10pt;&quot;&gt;Introduction:&lt;/span&gt;&lt;/u&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10pt;&quot;&gt;&amp;nbsp;Here i am describing how to Send mail from asp.net website&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;u&gt;&lt;span style=&quot;font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10pt;&quot;&gt;Description: &lt;/span&gt;&lt;/u&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
This is a common function Required for every website.&lt;br /&gt;
&amp;nbsp;For this you have to add&amp;nbsp; &lt;span style=&quot;font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10pt;&quot;&gt;&lt;b&gt;System.Web.Mail &lt;/b&gt;namespace&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &amp;quot;Verdana&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
The &lt;b&gt;&lt;span class=&quot;selflink&quot;&gt;System.Web.Mail&lt;/span&gt;&lt;/b&gt; namespace
 contains classes that enable you to construct and send messages using 
the CDOSYS (Collaboration Data Objects for Windows 2000) message 
component. The mail message is delivered either through the SMTP mail 
service built into Microsoft Windows 2000 or through an arbitrary SMTP 
server. The classes in this namespace can be used from ASP.NET or from 
any managed application.&lt;br /&gt;
For more info about&amp;nbsp; &lt;b&gt;&lt;span class=&quot;selflink&quot;&gt;System.Web.Mail &lt;/span&gt;&lt;/b&gt;&lt;a href=&quot;http://msdn.microsoft.com/en-us/library/system.web.mail.aspx&quot; target=&quot;_blank&quot;&gt;&lt;span class=&quot;selflink&quot;&gt;click here&lt;/span&gt;&lt;/a&gt;&lt;b&gt;&lt;span class=&quot;selflink&quot;&gt;.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class=&quot;selflink&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;
&lt;b&gt;&lt;span class=&quot;selflink&quot;&gt;Steps:-&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class=&quot;selflink&quot;&gt;-Create a website&lt;/span&gt;&lt;b&gt;&lt;span class=&quot;selflink&quot;&gt; &lt;/span&gt;&lt;/b&gt;&lt;span class=&quot;selflink&quot;&gt;and design the Form like below screen&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibkrwCLopnQr-X93tCaJtXKbRaleOJ3jJgDDQRnRXAxPqHec6iQ9WslLwqZGU3lb15FyfInoOhdokWf40UOZ59ICvgJ8gyJzRJcdfZPQk6BzqYSr_4rIKlk5hAIUomhPXBZRq6Ajwnkb5f/s1600/mail.JPG&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;163&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibkrwCLopnQr-X93tCaJtXKbRaleOJ3jJgDDQRnRXAxPqHec6iQ9WslLwqZGU3lb15FyfInoOhdokWf40UOZ59ICvgJ8gyJzRJcdfZPQk6BzqYSr_4rIKlk5hAIUomhPXBZRq6Ajwnkb5f/s1600/mail.JPG&quot; width=&quot;320&quot; /&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
or copy this code in source code and paste within &amp;lt; form &amp;gt; tag&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;script class=&quot;brush: html&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[

    &lt;div&gt;
        &lt;table align=&quot;center&quot;&gt;
&lt;tr&gt;
                &lt;td&gt;
                    &lt;asp:Label ID=&quot;Label6&quot; runat=&quot;server&quot; Text=&quot;From&quot;&gt;&lt;/asp:Label&gt;
                &lt;/td&gt;
                &lt;td&gt;
                    &lt;asp:TextBox ID=&quot;txtFrom&quot; runat=&quot;server&quot; Width=&quot;200px&quot;&gt;&lt;/asp:TextBox&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
&lt;tr&gt;
                &lt;td&gt;
                    &lt;asp:Label ID=&quot;Label7&quot; runat=&quot;server&quot; Text=&quot;Password&quot;&gt;&lt;/asp:Label&gt;
                &lt;/td&gt;
                &lt;td&gt;
                    &lt;asp:TextBox ID=&quot;txtPassword&quot; runat=&quot;server&quot; TextMode=&quot;Password&quot; Width=&quot;200px&quot;&gt;&lt;/asp:TextBox&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
&lt;tr&gt;
                &lt;td&gt;
                    &lt;asp:Label ID=&quot;Label2&quot; runat=&quot;server&quot; Text=&quot;To : &quot;&gt;&lt;/asp:Label&gt;
                &lt;/td&gt;
                &lt;td&gt;
                    &lt;asp:TextBox ID=&quot;txtTo&quot; runat=&quot;server&quot; Width=&quot;200px&quot;&gt;&lt;/asp:TextBox&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
&lt;tr&gt;
                &lt;td&gt;
                    &lt;asp:Label ID=&quot;Label3&quot; runat=&quot;server&quot; Text=&quot;Subject :&quot;&gt;&lt;/asp:Label&gt;
                &lt;/td&gt;
                &lt;td&gt;
                    &lt;asp:TextBox ID=&quot;txtSub&quot; runat=&quot;server&quot; Width=&quot;200px&quot;&gt;&lt;/asp:TextBox&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
&lt;tr&gt;
                &lt;td&gt;
                    &lt;asp:Label ID=&quot;Label4&quot; runat=&quot;server&quot; Text=&quot;Message :&quot;&gt;&lt;/asp:Label&gt;
                &lt;/td&gt;
                &lt;td&gt;
                    &lt;asp:TextBox ID=&quot;txtMsg&quot; runat=&quot;server&quot; Height=&quot;117px&quot; TextMode=&quot;MultiLine&quot;
                        Width=&quot;339px&quot;&gt;&lt;/asp:TextBox&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
&lt;tr&gt;
                &lt;td colspan=&quot;2&quot; align=&quot;center&quot;&gt;
                    &lt;asp:Button ID=&quot;Button1&quot; runat=&quot;server&quot; OnClick=&quot;Button1_Click&quot; Text=&quot;Send Mail&quot;
                        OnClientClick=&quot;return validate();&quot; Width=&quot;123px&quot; /&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
&lt;tr&gt;
                &lt;td colspan=&quot;2&quot; align=&quot;center&quot;&gt;
                    &lt;asp:Label ID=&quot;Label1&quot; runat=&quot;server&quot; ForeColor=&quot;Red&quot;&gt;&lt;/asp:Label&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
]]&gt;&lt;/script&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
now go to code view and write below code&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;script class=&quot;brush: c-sharp&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Net.Mail;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Label1.Text = &quot;&quot;;
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        MailMessage mail = new MailMessage();
        SmtpClient SmtpServer = new SmtpClient(&quot;smtp.gmail.com&quot;);
        mail.From = new MailAddress(txtFrom.Text);
        mail.To.Add(txtTo.Text);
        mail.Subject = txtSub.Text;
        mail.Body = txtMsg.Text;
        SmtpServer.Port = 587;
        SmtpServer.Credentials = new System.Net.NetworkCredential(txtFrom.Text, txtPassword.Text);
        SmtpServer.EnableSsl = true;
        SmtpServer.Send(mail);
        Label1.Text = &quot;Email successfully sent.&quot;;

    }
}
]]&gt;&lt;/script&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
For validation just write the below javascript code in your head tag&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;script class=&quot;brush: javascript&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[

           function validate() {
            var msg = document.getElementById(&#39;&lt;%=Label1.ClientID %&gt;&#39;);
            if (document.getElementById(&#39;&lt;%=txtFrom.ClientID %&gt;&#39;).value.trim() == &quot;&quot;) {
                msg.innerHTML = &quot;Require From mail Id&quot;;
                return false;
            }
            else {
                var format = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                if (format.test(document.getElementById(&#39;&lt;%=txtFrom.ClientID %&gt;&#39;).value) == false) {
                    msg.innerHTML = &quot;Invalid email&quot;;
                    return false;
                }
            }
            if (document.getElementById(&#39;&lt;%=txtPassword.ClientID %&gt;&#39;).value.trim() == &quot;&quot;) {
                msg.innerHTML = &quot;Require password&quot;;
                return false;
            }
            if (document.getElementById(&#39;&lt;%=txtTo.ClientID %&gt;&#39;).value.trim() == &quot;&quot;) {
                msg.innerHTML = &quot;Require To mail Id&quot;;
                return false;
            }
            else {
                var format = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                if (format.test(document.getElementById(&#39;&lt;%=txtTo.ClientID %&gt;&#39;).value) == false) {
                    msg.innerHTML = &quot;Invalid email&quot;;
                    return false;
                }
            }
            msg.innerHTML = &quot;&quot;;
            return true;
        }
   ]]&gt;&lt;/script&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
Now you can send mail&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
This example is for sending mail from Gmail.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
If you want any server mail just change the smtp server details with port number and use it. &lt;/div&gt;
&lt;span class=&quot;selflink&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/4632079535954401633/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/05/introduction-i-am-describing-how-to.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/4632079535954401633'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/4632079535954401633'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/05/introduction-i-am-describing-how-to.html' title='How to Send Mail form Asp .Net Website'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibkrwCLopnQr-X93tCaJtXKbRaleOJ3jJgDDQRnRXAxPqHec6iQ9WslLwqZGU3lb15FyfInoOhdokWf40UOZ59ICvgJ8gyJzRJcdfZPQk6BzqYSr_4rIKlk5hAIUomhPXBZRq6Ajwnkb5f/s72-c/mail.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-611665344990584879.post-5059448353260542441</id><published>2013-05-29T23:10:00.002-07:00</published><updated>2013-10-20T22:06:42.618-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.NET"/><title type='text'>Maintain Scroll Position On Postback</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Recently i faced problem to maintain scroll position in my page which having A grid with some radio button and check box with autopostback within a Updatepanel.
 &lt;br /&gt;
The main problem is when a postback occur the page is moving to top. i tried a lot and finally got the solution .&lt;br /&gt;


1.if you are using IE then its very simple just put the code in your page directive.&lt;br /&gt;
&lt;script class=&quot;brush: csharp&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[
 &lt;%@ Page Language=&quot;C#&quot; AutoEventWireup=&quot;true&quot;  CodeFile=&quot;Default.aspx.cs&quot; Inherits=&quot;_Default&quot; 
MaintainScrollPositionOnPostback=&quot;true&quot; %&gt;
]]&gt;&lt;/script&gt;

but it will not work in Firefox for that you have to add one browser file into your website&lt;br /&gt;

Right click on solution explorer &amp;gt; Add New Item&lt;br /&gt;

Select Browser File and add it to App_Browsers folder.&lt;br /&gt;

Add MaintainScrollPositionOnPostback capability to this browser file as written below.&lt;br /&gt;
&lt;script class=&quot;brush: csharp&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[
 &lt;browsers&gt;
   &lt;browser refID=&quot;Mozilla&quot;&gt;
      &lt;capabilities&gt;
         &lt;capability name=&quot;supportsMaintainScrollPositionOnPostback&quot; value=&quot;true&quot; /&gt;
      &lt;/capabilities&gt;
   &lt;/browser&gt;
&lt;/browsers&gt;
]]&gt;&lt;/script&gt;

Some times this also not work,&lt;br /&gt;


Then a simple solution just add a blank Update panel after the grid and onpostback just put the focus to that update panel&lt;br /&gt;
it will work in any browser.&lt;br /&gt;
&lt;script class=&quot;brush: csharp&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[
&lt;asp:UpdatePanel ID=&quot;UpdatePanel1&quot; runat=&quot;server&quot;&gt;
&lt;/asp:UpdatePanel&gt;
]]&gt;&lt;/script&gt;

 in cs
postbackevent&lt;br /&gt;
&lt;script class=&quot;brush: csharp&quot; type=&quot;syntaxhighlighter&quot;&gt;&lt;![CDATA[
updatepanel1.Focus();
]]&gt;&lt;/script&gt;
if any problem just feel free to ask or any modification reply.

&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dotnetmylife.blogspot.com/feeds/5059448353260542441/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://dotnetmylife.blogspot.com/2013/05/recently-i-faced-problem-to-maintain.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/5059448353260542441'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/611665344990584879/posts/default/5059448353260542441'/><link rel='alternate' type='text/html' href='http://dotnetmylife.blogspot.com/2013/05/recently-i-faced-problem-to-maintain.html' title='Maintain Scroll Position On Postback'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/07236182494908616556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>