How to show tab control in asp.net

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?

considers

+3


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="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<script>

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

</script>

<div id="tabs">
    <ul>
        <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>
    </ul>
    <div id="tabs-1">Content 1</div>
    <div id="tabs-2">Content 2</div>
    <div id="tabs-3">Content 3</div>
</div>

      

+12


source







All Articles