<ig:WebTab ID="WebTab1" runat="server" EnableOverlappingTabs="True" Height="200px" Width="300px"> <Tabs> … </Tabs> <CssClasses OverlappingTabsCssClass="overlap" /> </ig:WebTab>
WebTab™ は重複機能を提供し、これによって隣接するタブで各タブを重複するように表示することができます。デフォルトでは、タブの重複は無効です。ただし、コントロールの EnableOverlappingTabs プロパティを True に設定することによって、この動作を有効にできます。独自の Css クラスを CssClasses オブジェクトの OverlappingTabsCssClass プロパティに指定することによって、この機能についての Css クラスをカスタマイズすることもできます。適用されたクラスは、igtab_XXOverlap Css に結合されます。
HTML の場合:
<ig:WebTab ID="WebTab1" runat="server" EnableOverlappingTabs="True" Height="200px" Width="300px"> <Tabs> … </Tabs> <CssClasses OverlappingTabsCssClass="overlap" /> </ig:WebTab>
Visual Basic の場合:
WebTab1.EnableOverlappingTabs = True 'Css クラスとして重複を想定します。 WebTab1.CssClasses.OverlappingTabsCssClass = "overlap"
C# の場合:
WebTab1.EnableOverlappingTabs = true; //Css クラスとして重複を想定します。 WebTab1.CssClasses.OverlappingTabsCssClass = "overlap";
注: EnableOverlappingTabs が有効である場合、OverlappingTabsCssClass は最初の項目に加えて、すべてのタブ項目に適用されます。このクラスはタブがシフトされる位置を定義するだけで、タブ項目の外観に影響を及ぼしません。