バージョン

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;