How to show tab control in

I am developing a C # .NET web application using .NET Framework 4.0.

In this case, I need to show a 3 tabbed page like our web browsers do. Each tab has different functionality.

How do I create a tab control in Visual Studio using the .NET Framework 4.0, are there any built-in tab controls?



source to share

1 answer

This is where the AJAX tabs and jQuery UI tab management toolkit are located . I've used both and prefer jQuery UI. Microsoft officially includes / recommends jQuery with web applications.

If each tab has completely separate content, then I would suggest creating a simple, styled link bar and linking each element to a new page / view. This way, hidden content isn't shown until it's needed.

JQuery UI example

Note that this has nothing to do with .NET or Visual Studio; this is a purely client solution.

<script src="//"></script>
<script src="//"></script>


$(function() {
    $( "#tabs" ).tabs();


<div id="tabs">
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    <div id="tabs-1">Content 1</div>
    <div id="tabs-2">Content 2</div>
    <div id="tabs-3">Content 3</div>




All Articles