Version

Overlapping Tabs

WebTab™ provides you with an overlapping feature, which allows you to show each tab overlapping with its adjacent tabs. By default, overlapping of tabs is disabled. However you can enable this feature by setting the control’s EnableOverlappingTabs property to True. You can also customize the Css classes with respect to this feature by assigning your own Css class to the CssClasses object’s OverlappingTabsCssClass property. The applied class is merged with the igtab_XXOverlap Css.

In HTML:

<ig:WebTab ID="WebTab1" runat="server" EnableOverlappingTabs="True"
        Height="200px" Width="300px">
        <Tabs>
        …
        </Tabs>
         <CssClasses OverlappingTabsCssClass="overlap" />
</ig:WebTab>

In Visual Basic:

WebTab1.EnableOverlappingTabs = True
'Assuming overlap as your Css class
WebTab1.CssClasses.OverlappingTabsCssClass = "overlap"

In C#:

WebTab1.EnableOverlappingTabs = true;
//Assuming overlap as your Css class
WebTab1.CssClasses.OverlappingTabsCssClass = "overlap";
Note
Note:

If EnableOverlappingTabs is enabled, then OverlappingTabsCssClass is applied to all tab items besides the first one. This class only defines the location where the tabs should be shifted, but does not affect the appearance of the tab item.