<ig:WebTab ID="WebTab1" runat="server" EnableOverlappingTabs="True" Height="200px" Width="300px"> <Tabs> … </Tabs> <CssClasses OverlappingTabsCssClass="overlap" /> </ig:WebTab>
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";