私は、ASP:MultiViewとASP:Menuコントロールを使用して、簡単な2つのタブタブコントロールを実装しようとしているページがあります。MultiViewが表示されない
同じアプリケーション内の別のページでも問題なく動作しますが、何らかの理由でこのページでMultiView全体が非表示になっています。ブラウザが提供するソースにはマークアップがありますが、どちらのビューのコントロールもすべて表示されません。ビューはスペースを占めています。私がMultiViewコントロールの下に別のコントロールを置くと、それは私がそれが予想される場所に表示されます。
2つのページには違いがあります。これが動作するのは、モーダルダイアログに表示される標準のASP.NETページです。私が苦労しているのは、マスターページを使ったコンテンツページです。
このページには既に多くのマークアップがありますが、以下の「タブコントロール」全体を含むパネルのマークアップが含まれています。
「タブコントロール」をパネルから取り出してみましたが、動作に変更はありませんでした。
これについてのご意見は本当にありがたいです。
おかげで、 ダグ
<asp:Panel ID="pnlAddressInfo" runat="server" CssClass="PanelVisible">
<asp:Table ID="tblTabControl" runat="server">
<asp:TableRow>
<asp:TableCell>
<asp:Menu
ID="mnuTabControl"
Width="262px"
runat="server"
Orientation="Horizontal"
StaticEnableDefaultPopOutImage="False">
<Items>
<asp:MenuItem ImageUrl="../Images/USAddrSelected.png" Text=" " Value="0" />
<asp:MenuItem ImageUrl="../Images/PFAddrUnselected.png" Text=" " Value="1" />
</Items>
</asp:Menu>
<asp:MultiView
ID="mtvAddressInfo"
runat="server"
ActiveViewIndex="0" >
<asp:View ID="tabUSAddr" runat="server">
<asp:Table ID="tblUSAddrMain" runat="server" width="567px" height="250px" cellpadding=0 cellspacing=0>
<asp:TableRow VerticalAlign="top">
<asp:TableCell CssClass="AddressTabArea" style="width: 567px">
<asp:Table ID="tblUSAddr" runat="server">
<asp:TableRow>
<asp:TableCell>
<asp:Label ID="lstFunctionsAvailable_Label" runat="server" CssClass="StdLabel" Text="Address Line #1" />
</asp:TableCell>
<asp:TableCell>
<asp:TextBox ID="txtUSAddrLine1" runat="server" CssClass="ResizableTextBox" />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<asp:Label ID="txtUSAddrLine2_Label" runat="server" CssClass="StdLabel" Text="Address Line #2" />
</asp:TableCell>
<asp:TableCell>
<asp:TextBox ID="txtUSAddrLine2" runat="server" CssClass="ResizableTextBox" />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:View>
<asp:View ID="tabUsers" runat="server">
<asp:Table ID="tblPFAddrMain" runat="server" width="567px" height="250px" cellpadding=0 cellspacing=0>
<asp:TableRow VerticalAlign="top">
<asp:TableCell CssClass="RolesEditorTabArea" style="width: 567px">
<asp:Table ID="tblPFAddr" runat="server">
<asp:TableRow>
<asp:TableCell>
<asp:Label ID="txtPFAddrLine1_Label" runat="server" CssClass="StdLabel" Text="Address Line #1" />
</asp:TableCell>
<asp:TableCell>
<asp:TextBox ID="txtPFAddrLine1" runat="server" CssClass="ResizableTextBox" />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<asp:Label ID="txtPFAddrLine2_Label" runat="server" CssClass="StdLabel" Text="Address Line #2" />
</asp:TableCell>
<asp:TableCell>
<asp:TextBox ID="txtPFAddrLine2" runat="server" CssClass="ResizableTextBox" />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:View>
</asp:MultiView>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:Panel>
投稿されたコードから実際には分かりません。 css 'PanelVisible'で' Display:Block'を確認してください。 Firebugを試してみてください。 – Jay
PanelVisibleクラスはパネル上で使用されています。また、パネルが表示されている(境界線が1pxの色で表示されています)、Menuコントロールも表示され、正常に動作しています。それがこのことをとても奇妙なものにしています。表示されていないようです。もし私が髪を持っていたら、私はこの1つを引き出すだろう:-) – dscarr
私の最善の提案はfirefoxのための[firebug](http://getfirebug.com/)のページを開くことだろう。それはあなたにCSSが適用されているかについての詳細を示し、それが表示されていない理由を伝えるかもしれません。 – Jay