<ig:WebTab ID="WebTab1" runat="server" Height="515px" Width="500px" TabsOverflow="Reduce" > <Tabs> … </Tabs> </ig:WebTab>
WebTab™ は、オーバーフローの場合にタブの幅を縮小するためのオプションを提供します。コントロールの TabsOverflow プロパティを Reduce に設定することによってこれを達成できます。
注: このプロパティは、以下の 3 つの条件が満たされた場合に限って有効です。
TabOrientation が水平に設定されている。
DisplayMode が SingleRow または MultiRow に設定されている。
WebTab のサイズが設定されている。
HTML の場合:
<ig:WebTab ID="WebTab1" runat="server" Height="515px" Width="500px" TabsOverflow="Reduce" > <Tabs> … </Tabs> </ig:WebTab>
Visual Basic の場合:
WebTab1.TabsOverflow = TabsOverflow.Reduce
C# の場合:
WebTab1.TabsOverflow = TabsOverflow.Reduce;
タブ ヘッダーのコンテンツが、幅が不足しているために完全に表示されない状況があります。この状況を克服するために、エンドユーザーに省略記号ボタンをクリックするオプションを提供し、このボタンがクリックされた時にヘッダー コンテンツを表示するようにできます。コントロールの TextOverflow プロパティを Ellipsis に設定することによって、この機能を設定できます。
注: TextOverflow プロパティは、タブの方向が水平に設定されている場合に限って有効です。ただし、このプロパティは、html タグ(内部要素)を含むタブ項目ではサポートされません。
HTML の場合:
<ig:WebTab ID="WebTab1" runat="server" Height="515px" Width="659px" TextOverflow="Ellipsis" > <Tabs> … </Tabs> </ig:WebTab>
Visual Basic の場合:
WebTab1.TextOverflow = TabTextOverflow.Ellipsis
C# の場合:
WebTab1.TextOverflow = TabTextOverflow.Ellipsis;