Kettic tab control is another navigation component library apart from the Kettic navigation bar control. This tab control provides perfect compatibility with .NET 4.0 and above frameworks, and can be integrated into your ASP.NET AJAX web application to create flexible tabs with ease.

This page is specifically written to show you the basic composing elements of a tab control, and to provide a detailed introduction of the properties of each tab. After reading this page, you will have a basic understanding of how a tab is consisted, and what you can do to create a custom tab.

If you look at a basic layout of any tab control, you will understand that, generally speaking, a tab control is made up of multiple tabs presented in hierarchical structure. Every time a parent tab is selected, all of its child items / tabs are instantly expanded.

There are basically two types of tab that you can find within a tab control: root tabs and child tabs. Root tabs are easy to tell as they are the ones always visible. Child tabs are tabs that are nested or embedded within a root tab, and they usually come as a set. Please note that there are more than two layers of hierarchy, a child tab may also have its own set of tabs.

At times, when there are too much tabs at one level to be displayed at one time, developers can enable the scrolling functionality, so that the scroll button will appear by the tabs, informing the users that it is possible to scroll and view the complete set of tabs.

Now we can come to the elements for a single tab within a tab control. In this section, we will introduce to you some of the basic properties of a tab, so that users might find it easier to customize and create a tab control according to your specific requirement.

Text: You might be familiar with this property already, as it is constantly used to indicate the displaying text on the tab. You can also populate this tab text through data binding function.

Tooltip: This is another commonly used property. With this tab property, web developers can define the tooltip text when a mouse is hovering over a certain tab.

Value: This Value property is extremely important as it specified the string value for your tab so you can associate it with any behavior you have specified with programming language.

Enabled: Again, this property is used to define whether a tab is activated or not by default.

Selected: Similarly to the Enabled property, this property is used to indicate whether a tab is selected or not by default.

NavigateUrl: This property can be applied so that a target tab can automatically open up another web page. Developers can also set the Target property to define whether the new web page will be launched in the current window or another new window.

PostBack: By setting this property, web developer can decide whether a postback is conducted when users click on the target tab.

We have listed just a few of the relatively popular tab properties. For more options, you can simply download the free evaluation package and find out yourself. If any questions, don't hesitate to contact our customer support service!