Let us discuss about the ASP.NET 2.0 CSS Friendly Control Adapters kit provides pre-built control adapters that you can easily use to generate CSS friendly markup from some of the more commonly used ASP.NET controls.

__________________
Venkat
knowledge is Power

Hi venkat,

Control adapter is one of the cool stuf in .net.

Control adapters let you change the HTML markup produced by ASP.NET controls. Rather than having to invent a new control to generate the markup you want, in many cases you can simply write a small adapter for an existing ASP.NET control.


ASP.NET supplements client-side HTML with a set of powerful server-side tags. For example, by adding a single ASP.NET Menu tag to a web page you can create a completely functional menu. Without this Menu tag you would typically have to write dozens, even hundreds, of HTML tags. In fact, if you look at the HTML produced by ASP.NET's Menu control you'll find it does produce hundreds of HTML tags. Obviously it's a huge boost in your productivity as an author when you can use a single Menu tag rather than having to invent and maintain hundreds of HTML tags.


...

Hey,

Binding a Menu control to a SiteMapDataSource is an elegant and simple way to create a menu for a web site. By default, ASP.NET uses <table> tags to render the Menu. A pure CSS strategy using nested <ul> tags has been gaining popularity.

Produce this kind of CSS friendly HTML without sacrificing the power and flexibility of the original Menu control. For example, the root nodes of the menu can be laid out vertically or horizontally.

<div class="PrettyMenu" id="ctl00_ctl00_MainContent_LiveExample_Menu1">
<div class="AspNet-Menu-Vertical">
<ul class="AspNet-Menu">
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=Products" class="AspNet-Menu-Link" title="Products">
Products</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsWindows" class="AspNet-Menu-Link" title="Windows">
Windows</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsOffice" class="AspNet-Menu-Link" title="Office">
Office</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsBusinessSolutions" class="AspNet-Menu-Link" title="Business Solutions">
Business Solutions</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsServers" class="AspNet-Menu-Link" title="Servers">
Servers</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsDeveloperTools" class="AspNet-Menu-Link" title="Developer Tools">
Developer Tools</a>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductSubscriptions" class="AspNet-Menu-Link" title="Subscriptions">
Subscriptions</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsSubscriptionsSoftwar e" class="AspNet-Menu-Link" title="Software">
Software</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsSubscriptionsManageY ourProfile" class="AspNet-Menu-Link" title="Manage Your Profile">
Manage Your Profile</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsMore" class="AspNet-Menu-Link" title="More">
More</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsMobileDevices" class="AspNet-Menu-Link" title="Mobile Devices">
Mobile Devices</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsGamesXbox" class="AspNet-Menu-Link" title="Games and Xbox">
Games and Xbox</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsHardware" class="AspNet-Menu-Link" title="Hardware">
Hardware</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=ProductsMSN" class="AspNet-Menu-Link" title="MSN">
MSN</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=Legal" class="AspNet-Menu-Link" title="Legal">
Legal</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LegalLicense" class="AspNet-Menu-Link" title="License">
License</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LegalTerms" class="AspNet-Menu-Link" title="Terms of Use">
Terms of Use</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LegalPrivacy" class="AspNet-Menu-Link" title="Privacy">
Privacy</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=Support" class="AspNet-Menu-Link" title="Support">
Support</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportLifecyclePolicies" class="AspNet-Menu-Link" title="Support Lifecycle and Policies">
Lifecycle and Policies</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportContact" class="AspNet-Menu-Link" title="Contact Support">
Contact Support</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportThirdPartyProviders" class="AspNet-Menu-Link" title="Third-Party Services">
Third-Party Services</a>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=Research" class="AspNet-Menu-Link" title="Research">
Research</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportProductCenters" class="AspNet-Menu-Link" title="Product Support Centers">
Product Info</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportKnowledgeBase" class="AspNet-Menu-Link" title="Knowledge Base">
Knowledge Base</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportCommunitiesNewsgroups " class="AspNet-Menu-Link" title="Communities and Newsgroups">
Communities</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportITProfessionals" class="AspNet-Menu-Link" title="Support for IT Professionals">
IT Pros</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportDevelopers" class="AspNet-Menu-Link" title="Support for Developers">
Developers</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=Downloads" class="AspNet-Menu-Link" title="Downloads">
Downloads</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=DownloadsWindowsUpdate" class="AspNet-Menu-Link" title="Windows Update">
Windows Update</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=DownloadsOfficeUpdate" class="AspNet-Menu-Link" title="Office Update">
Office Update</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=Learning" class="AspNet-Menu-Link" title="Learning">
Learning</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LearningBooks" class="AspNet-Menu-Link" title="Books">
Books</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LearningTraining" class="AspNet-Menu-Link" title="Training">
Training</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LearningCertification" class="AspNet-Menu-Link" title="Certification">
Certification</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LearningEvents" class="AspNet-Menu-Link" title="Events">
Events</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LearningWebcasts" class="AspNet-Menu-Link" title="Webcasts">
Webcasts</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=LearningPatternsPractices" class="AspNet-Menu-Link" title="Patterns and Practices">
Patterns and Practices</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportSubscriptions" class="AspNet-Menu-Link" title="Subscriptions">
Subscriptions</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportSubscriptionsNewslett ers" class="AspNet-Menu-Link" title="Newsletters">
Newsletters</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=SupportSubscriptionsManageYo urProfile" class="AspNet-Menu-Link" title="Manage Your Profile">
Manage Your Profile</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=Just for You" class="AspNet-Menu-Link" title="Just for You">
Just for You</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouHomeUsers" class="AspNet-Menu-Link" title="Home Users">
Home Users</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouMacintoshUsers" class="AspNet-Menu-Link" title="Macintosh Users">
Macintosh Users</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouITProfessionals" class="AspNet-Menu-Link" title="IT Professionals (TechNet)">
IT Professionals</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouDevelopersMSDN" class="AspNet-Menu-Link" title="Developers (MSDN)">
Developers (MSDN)</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouPartners" class="AspNet-Menu-Link" title="Partners">
Partners</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouSmallBusinesses" class="AspNet-Menu-Link" title="Small Businesses">
Small Businesses</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouLargeBusinesses" class="AspNet-Menu-Link" title="Large Businesses">
Large Businesses</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouGovernment" class="AspNet-Menu-Link" title="Government">
Government</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouEducators" class="AspNet-Menu-Link" title="Educators">
Educators</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=JustForYouJournalists" class="AspNet-Menu-Link" title="Journalists">
Journalists</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/CSSAdapters/GenericPage.aspx?goto=About" class="AspNet-Menu-Link" title="About">
About</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=AboutAccessibility" class="AspNet-Menu-Link" title="Accessibility">
Accessibility</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=AboutCareers" class="AspNet-Menu-Link" title="Careers">
Careers</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=AboutCommunityAffairs" class="AspNet-Menu-Link" title="Community Affairs">
Community Affairs</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=AboutDiversity" class="AspNet-Menu-Link" title="Diversity">
Diversity</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=AboutInvestorRelations" class="AspNet-Menu-Link" title="Investor Relations">
Investor Relations</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=AboutResearch" class="AspNet-Menu-Link" title="Research">
Research</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/CSSAdapters/GenericPage.aspx?goto=AboutSecurityPrivacy" class="AspNet-Menu-Link" title="Security and Privacy">
Security and Privacy</a>
</li>
</ul>
</li>
</ul>

</div>
</div>

__________________
Venkat
knowledge is Power

hi,

See this syntax...


<asp:Menu ID="Menu1" runat="server" SkinID="SampleMenuVertical" DataSourceID="ExampleSiteMapDS"
CssSelectorClass="PrettyMenu" />
<asp:Menu ID="Menu2" runat="server" SkinID="SampleMenuHorizontal" DataSourceID="ExampleSiteMapDS"
CssSelectorClass="PrettyMenu" Orientation="Horizontal" />

__________________
Venkat
knowledge is Power

hi,

Menus on web sites tend to have one of two goals:

* Navigate to various pages in the site.
* Postback to the current page indicating that a particular menu item was chosen.


<asp:Menu ID="EntertainmentMenu" runat="server" Orientation="Horizontal" onmenuitemclick="OnClick" CssSelectorClass="SimpleEntertainmentMenu">
<Items>
<asp:MenuItem Text="Music">
<asp:MenuItem Text="Classical" />
<asp:MenuItem Text="Rock">
<asp:MenuItem Text="Electric" />
<asp:MenuItem Text="Acoustical" />
</asp:MenuItem>
<asp:MenuItem Text="Jazz" />
</asp:MenuItem>
<asp:MenuItem Text="Movies" Selectable="false">
<asp:MenuItem Text="Action" />
<asp:MenuItem Text="Drama" />
<asp:MenuItem Text="Musical" />
</asp:MenuItem>
</Items>
</asp:Menu>

__________________
H2O

Without us, no one can survive..

hi,

In the TreeView is sometimes used to display vast hierarchies of information. For example, a large company might show its employee directory as a tree whose first branches indicate the continent, country and region where the employee works. Rather than building the page with a tree immediately capable of showing all the employees you might wish to initially show just the continents (the first set of tree nodes). If one of these nodes is expanded, the page would postback to the server to fill in the countries where the company has offices. Likewise, expanding the node in the tree for a country would postback to get the nodes for the regions within that country, and so on.

When the CSS and JavaScript are removed the adapted HTML degrades into simple nested unordered lists that are easily interpreted by screen readers, etc. You can see this for yourself by setting the theme to None in the Theme Chooser on the left.

<div class="PrettyTree" id="ctl00_ctl00_MainContent_LiveExample_TreeView1" >
<div class="AspNet-TreeView">
<ul id="ctl00_ctl00_MainContent_LiveExample_TreeView1_ UL">
<li class="AspNet-TreeView-Root">
<span class="AspNet-TreeView-Collapse" onclick="ExpandCollapse__AspNetTreeView(this)">&nb sp;</span>
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts')">
<img src="images/swirl.gif" alt="Products" />Products</a>
<ul>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\Windows')" >
<img src="images/checkers.gif" alt="Windows" />Windows</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\Office')">
<img src="images/checkers.gif" alt="Office" />Office</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\Business Solutions')">
<img src="images/checkers.gif" alt="Business Solutions" />Business Solutions</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\Servers')" >
<img src="images/checkers.gif" alt="Servers" />Servers</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\Developer Tools')">
<img src="images/checkers.gif" alt="Developer Tools" />Developer Tools</a>
</li>
<li class="AspNet-TreeView-Parent">
<span class="AspNet-TreeView-Collapse" onclick="ExpandCollapse__AspNetTreeView(this)">&nb sp;</span>
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\Subscripti ons')">
<img src="images/swatches.gif" alt="Subscriptions" />Subscriptions</a>
<ul>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\Subscripti ons\\Software')">
<img src="images/checkers.gif" alt="Software" />Software</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\Subscripti ons\\Manage Your Profile')">
<img src="images/checkers.gif" alt="Manage Your Profile" />Manage Your Profile</a>
</li>
</ul>
</li>
<li class="AspNet-TreeView-Parent">
<span class="AspNet-TreeView-Collapse" onclick="ExpandCollapse__AspNetTreeView(this)">&nb sp;</span>
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\More')">
<img src="images/swatches.gif" alt="More" />More</a>
<ul>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\More\\Mobi le Devices')">
<img src="images/checkers.gif" alt="Mobile Devices" />Mobile Devices</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\More\\Game s and Xbox')">
<img src="images/checkers.gif" alt="Games and Xbox" />Games and Xbox</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\More\\Hard ware')">
<img src="images/checkers.gif" alt="Hardware" />Hardware</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sProducts\\More\\MSN' )">
<img src="images/checkers.gif" alt="MSN" />MSN</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="AspNet-TreeView-Root">
<span class="AspNet-TreeView-Collapse" onclick="ExpandCollapse__AspNetTreeView(this)">&nb sp;</span>
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sAbout')">
<img src="images/swirl.gif" alt="About" />About</a>
<ul>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sAbout\\Accessibility ')">
<img src="images/checkers.gif" alt="Accessibility" />Accessibility</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sAbout\\Careers')">
<img src="images/checkers.gif" alt="Careers" />Careers</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sAbout\\Community Affairs')">
<img src="images/checkers.gif" alt="Community Affairs" />Community Affairs</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sAbout\\Diversity')">
<img src="images/checkers.gif" alt="Diversity" />Diversity</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sAbout\\Investor Relations')">
<img src="images/checkers.gif" alt="Investor Relations" />Investor Relations</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sAbout\\Research')">
<img src="images/checkers.gif" alt="Research" />Research</a>
</li>
<li class="AspNet-TreeView-Leaf">
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$TreeView1','sAbout\\Security and Privacy')">
<img src="images/checkers.gif" alt="Security and Privacy" />Security and Privacy</a>
</li>
</ul>
</li>
</ul>

</div>
</div>

__________________
Venkat
knowledge is Power

hey,

great to hear that even Control Adapters supports Gridveiw...


The adapter for the GridView control is to create a <table> that is slimmer and better organized than what is produced without the adapter. You could, of course, rewrite this adapter to completely eliminate the <table>, replacing it with a variety of <div> tags, etc. However, a grid, fundamentally, is a table so it seems logical to leave it as such.

The adapted GridView eliminates the use of inline styles. Rows within the <table> are organized into <thead>, <tfoot> and <tbody> sections. These make it easier to read and understand the markup. More importantly, these sections make it easy to create CSS rules that govern the appearance of particular rows within the <table>.


here is the example...

<div class="PrettyGridView" id="ctl00_ctl00_MainContent_LiveExample_GridView1" >
<div class="AspNet-GridView">
<div class="AspNet-GridView-Pagination AspNet-GridView-Top">
<span>1</span>
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$GridView1','Page$2')">2</a>
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$GridView1','Page$3')">3</a>
</div>
<table cellpadding="0" cellspacing="0" summary="">
<thead>
<tr>
<th scope="col"><a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$GridView1','Sort$Operation')">Ope ration</a></th>
<th scope="col"><a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$GridView1','Sort$Reps')">Repetiti ons</a></th>
<th scope="col"><a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$GridView1','Sort$Duration')">Tota l test duration milliseconds</a></th>
<th scope="col"><a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$GridView1','Sort$Average')">Avera ge cost per rep microseconds</a></th>
</tr>
</thead>
<tbody>
<tr>
<td>Abs</td>
<td>12540</td>
<td>31</td>
<td>2.4920</td>
</tr>
<tr class="AspNet-GridView-Alternate">
<td>Acos</td>
<td>13549</td>
<td>31</td>
<td>2.3064</td>
</tr>
<tr>
<td>Asin</td>
<td>18831</td>
<td>31</td>
<td>1.6595</td>
</tr>
<tr class="AspNet-GridView-Alternate">
<td>Atan</td>
<td>19154</td>
<td>31</td>
<td>1.6315</td>
</tr>
<tr>
<td>Atan2</td>
<td>19526</td>
<td>31</td>
<td>1.6004</td>
</tr>
<tr class="AspNet-GridView-Alternate">
<td>BigMul</td>
<td>19078</td>
<td>31</td>
<td>1.6380</td>
</tr>
<tr>
<td>Ceiling</td>
<td>22752</td>
<td>31</td>
<td>1.3735</td>
</tr>
<tr class="AspNet-GridView-Alternate">
<td>Cos</td>
<td>21296</td>
<td>31</td>
<td>1.4674</td>
</tr>
<tr>
<td>Cosh</td>
<td>16342</td>
<td>31</td>
<td>1.9123</td>
</tr>
<tr class="AspNet-GridView-Alternate">
<td>DivRem</td>
<td>21685</td>
<td>31</td>
<td>1.4411</td>
</tr>
</tbody>
</table>
<div class="AspNet-GridView-Pagination AspNet-GridView-Bottom">
<span>1</span>
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$GridView1','Page$2')">2</a>
<a href="javascript:__doPostBack('ctl00$ctl00$MainCon tent$LiveExample$GridView1','Page$3')">3</a>
</div>

</div>
</div>

__________________
G.A.P

And microsoft currently have control adapters for

1. Menu
2. Gridview
3. DetailsView
4. DataList
5. Treeview
6. DataList
7. FormView
.......



thnx...