0

垂直のTabContainerがありますが、TabPanelの幅を修正できません（少し大きくなりますが、テキストの幅全体にはなりません）。テキストはContentTemplateの背後に隠されています。例えば：

非表示のタブヘッダーテキストのスクリーンショット。

マークアップは次のとおりです。

  <asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Visible="false"  UseVerticalStripPlacement="true">
       <asp:TabPanel ID="TabPanel2" runat="server" >
             <HeaderTemplate>
                   <div style="width: 200px">General Examination </div>
             </HeaderTemplate>
             <ContentTemplate>  </ContentTemplate>
        </asp:TabPanel>

タブの幅をすべて同じになるように固定するにはどうすればよいですか？2番目のタブ「一般検査」は完全には表示されません。

4

2 に答える 2

0

タブヘッダー用にCSSを追加する必要があります。AJAX ControlToolkitTabContainerのその要素に適用されるスタイルの名前は.ajax__tab_header_verticalleftです。このようなものが機能するはずです：

.ajax__tab_header_verticalleft 
{
    width: 200px;
}

200pxから少しダイヤルバックできるかもしれませんが、それでうまくいくはずです。

于 2012-07-26T13:09:51.317 に答える
0

これが同じ問題に直面している他の人に役立つことを願っています。

asp：TabContainerでVerticalStripWidth="150px"を指定します

于 2017-02-23T08:17:31.173 に答える