picsnet
asked on
Tab Panel showing up outside Tab Container... Any Idea Why??
<cc1:TabContainer style="margin-top:20px; margin-bottom:10px;" Width="100%" Height="385px" ID="tabContainer" runat="server">
<cc1:TabPanel ID="tabSchools" style="border:sold 1px #a4a3a3;" runat="server">
<HeaderTemplate>Schools</H eaderTempl ate>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Always" runat="server">
<ContentTemplate>
<div class="left all" style="width:98%; margin-top:10px; padding-left:1%; padding-right:5%;">
<div class="detailRow">
<div style="float:left; width:49%;">
<div class="detailLabel">
<asp:Label ID="lblSchoolGroups" CssClass="label underline" style="margin-bottom:2px;" runat="server">Groups:</as p:Label>
</div>
<div class="detailContent" style="padding-top:4px; overflow:auto;">
<div style="float:left; width:85%;">
<div class="all" style="font-size:8pt; padding-left:5px;">
<div class="all">
<asp:LinkButton ID="lnkSchoolAddGroup" runat="server">Add Group</asp:LinkButton>
</div>
<div class="all" style="margin-top:3px;">
<asp:LinkButton ID="lnkSchoolEditGroup" runat="server">Edit Group</asp:LinkButton>
</div>
<div class="all" style="margin-top:3px;">
<asp:LinkButton ID="lnkSchoolDeleteGroup" runat="server">Delete Group</asp:LinkButton>
</div>
</div>
<div style="overflow-y:auto; padding-top:5px;">
<asp:TreeView ID="treeSchoolGroups" ShowLines="true" ShowExpandCollapse="true" NodeStyle-CssClass="Node" HoverNodeStyle-CssClass="N odeHover" SelectedNodeStyle-CssClass ="NodeSele cted" Height="200px" runat="server">
</asp:TreeView>
</div>
</div>
<div style="float:right; padding-left:5px; overflow:visible;">
<div style="padding-top:70px;">
<div class="all"><asp:Button ID="btnSchoolLeftAll" Text="<<" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSchoolLeft" Text="<" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSchoolRight" Text=">" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSchoolRightAll" Text=">>" Width="75%" runat="server" /></div>
</div>
</div>
</div>
</div>
<div style="float:right; width:49%;">
<div class="detailLabel">
<asp:Label ID="lblSchoolReports" CssClass="label underline" runat="server">Reports:</a sp:Label>
</div>
<div class="detailContent" style="padding-top:4px;">
<asp:ListBox ID="lstSchoolReports" SelectionMode="Multiple" DataTextField="Title" DataValueField="Id" CssClass="select" AutoPostBack="true" Height="255px" Width="100%" runat="server"></asp:ListB ox>
</div>
</div>
</div>
<div style="clear:both; padding-top:10px;"> < /div>
<div class="detailRow" style="width:95%;">
<div class="detailContent">
<span class="titleLabel">Report Title:</span>
<p style="text-indent:0px; display:inline;"><asp:Labe l ID="lblSchoolTitle" CssClass="label" runat="server"></asp:Label ></p>
</div>
</div>
<div class="detailRow padTop10" style="width:95%;">
<div class="detailContent">
<span class="descriptionLabel">R eport Description:</span>
<p style="text-indent:0px; display:inline;"><asp:Labe l ID="lblSchoolDescription" CssClass="label" runat="server"></asp:Label ></p>
</div>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="tabSales" style="border:sold 1px #a4a3a3;" runat="server">
<HeaderTemplate>Sales</Hea derTemplat e>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel3" UpdateMode="Always" runat="server">
<ContentTemplate>
<div class="left all" style="width:98%; margin-top:10px; padding-left:1%; padding-right:5%;">
<div class="detailRow">
<div style="float:left; width:49%;">
<div class="detailLabel">
<asp:Label ID="lblSalesGroups" CssClass="label underline" style="margin-bottom:2px;" runat="server">Groups:</as p:Label>
</div>
<div class="detailContent" style="padding-top:4px; overflow:auto;">
<div style="float:left; width:85%;">
<div class="all" style="font-size:8pt; padding-left:5px;">
<div class="all">
<asp:LinkButton ID="lnkSalesAddGroup" runat="server">Add Group</asp:LinkButton>
</div>
<div class="all" style="margin-top:3px;">
<asp:LinkButton ID="lnkSalesEditGroup" runat="server">Edit Group</asp:LinkButton>
</div>
<div class="all" style="margin-top:3px;">
<asp:LinkButton ID="lnkSalesDeleteGroup" runat="server">Delete Group</asp:LinkButton>
</div>
</div>
<div style="overflow-y:auto; padding-top:5px;">
<asp:TreeView ID="treeSalesGroups" ShowLines="true" ShowExpandCollapse="true" NodeStyle-CssClass="Node" HoverNodeStyle-CssClass="N odeHover" SelectedNodeStyle-CssClass ="NodeSele cted" Height="200px" runat="server">
</asp:TreeView>
</div>
</div>
<div style="float:right; padding-left:5px; overflow:visible;">
<div style="padding-top:70px;">
<div class="all"><asp:Button ID="btnSalesLeftAll" Text="<<" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSalesLeft" Text="<" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSalesRight" Text=">" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSalesRightAll" Text=">>" Width="75%" runat="server" /></div>
</div>
</div>
</div>
</div>
<div style="float:right; width:49%;">
<div class="detailLabel">
<asp:Label ID="lblSalesReports" CssClass="label underline" runat="server">Reports:</a sp:Label>
</div>
<div class="detailContent" style="padding-top:4px;">
<asp:ListBox ID="lstSalesReports" SelectionMode="Multiple" DataTextField="Title" DataValueField="Id" CssClass="select" AutoPostBack="true" Height="255px" Width="100%" runat="server"></asp:ListB ox>
</div>
</div>
</div>
<div style="clear:both; padding-top:10px;"> < /div>
<div class="detailRow" style="width:95%;">
<div class="detailContent">
<span class="titleLabel">Report Title:</span>
<p style="text-indent:0px; display:inline;"><asp:Labe l ID="lblSalesTitle" CssClass="label" runat="server"></asp:Label ></p>
</div>
</div>
<div class="detailRow padTop10" style="width:95%;">
<div class="detailContent">
<span class="descriptionLabel">R eport Description:</span>
<p style="text-indent:0px; display:inline;"><asp:Labe l ID="lblSalesDescription" CssClass="label" runat="server"></asp:Label ></p>
</div>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
<cc1:TabPanel ID="tabSchools" style="border:sold 1px #a4a3a3;" runat="server">
<HeaderTemplate>Schools</H
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Always" runat="server">
<ContentTemplate>
<div class="left all" style="width:98%; margin-top:10px; padding-left:1%; padding-right:5%;">
<div class="detailRow">
<div style="float:left; width:49%;">
<div class="detailLabel">
<asp:Label ID="lblSchoolGroups" CssClass="label underline" style="margin-bottom:2px;"
</div>
<div class="detailContent" style="padding-top:4px; overflow:auto;">
<div style="float:left; width:85%;">
<div class="all" style="font-size:8pt; padding-left:5px;">
<div class="all">
<asp:LinkButton ID="lnkSchoolAddGroup" runat="server">Add Group</asp:LinkButton>
</div>
<div class="all" style="margin-top:3px;">
<asp:LinkButton ID="lnkSchoolEditGroup" runat="server">Edit Group</asp:LinkButton>
</div>
<div class="all" style="margin-top:3px;">
<asp:LinkButton ID="lnkSchoolDeleteGroup" runat="server">Delete Group</asp:LinkButton>
</div>
</div>
<div style="overflow-y:auto; padding-top:5px;">
<asp:TreeView ID="treeSchoolGroups" ShowLines="true" ShowExpandCollapse="true" NodeStyle-CssClass="Node" HoverNodeStyle-CssClass="N
</asp:TreeView>
</div>
</div>
<div style="float:right; padding-left:5px; overflow:visible;">
<div style="padding-top:70px;">
<div class="all"><asp:Button ID="btnSchoolLeftAll" Text="<<" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSchoolLeft" Text="<" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSchoolRight" Text=">" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSchoolRightAll" Text=">>" Width="75%" runat="server" /></div>
</div>
</div>
</div>
</div>
<div style="float:right; width:49%;">
<div class="detailLabel">
<asp:Label ID="lblSchoolReports" CssClass="label underline" runat="server">Reports:</a
</div>
<div class="detailContent" style="padding-top:4px;">
<asp:ListBox ID="lstSchoolReports" SelectionMode="Multiple" DataTextField="Title" DataValueField="Id" CssClass="select" AutoPostBack="true" Height="255px" Width="100%" runat="server"></asp:ListB
</div>
</div>
</div>
<div style="clear:both; padding-top:10px;"> <
<div class="detailRow" style="width:95%;">
<div class="detailContent">
<span class="titleLabel">Report Title:</span>
<p style="text-indent:0px; display:inline;"><asp:Labe
</div>
</div>
<div class="detailRow padTop10" style="width:95%;">
<div class="detailContent">
<span class="descriptionLabel">R
<p style="text-indent:0px; display:inline;"><asp:Labe
</div>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="tabSales" style="border:sold 1px #a4a3a3;" runat="server">
<HeaderTemplate>Sales</Hea
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel3" UpdateMode="Always" runat="server">
<ContentTemplate>
<div class="left all" style="width:98%; margin-top:10px; padding-left:1%; padding-right:5%;">
<div class="detailRow">
<div style="float:left; width:49%;">
<div class="detailLabel">
<asp:Label ID="lblSalesGroups" CssClass="label underline" style="margin-bottom:2px;"
</div>
<div class="detailContent" style="padding-top:4px; overflow:auto;">
<div style="float:left; width:85%;">
<div class="all" style="font-size:8pt; padding-left:5px;">
<div class="all">
<asp:LinkButton ID="lnkSalesAddGroup" runat="server">Add Group</asp:LinkButton>
</div>
<div class="all" style="margin-top:3px;">
<asp:LinkButton ID="lnkSalesEditGroup" runat="server">Edit Group</asp:LinkButton>
</div>
<div class="all" style="margin-top:3px;">
<asp:LinkButton ID="lnkSalesDeleteGroup" runat="server">Delete Group</asp:LinkButton>
</div>
</div>
<div style="overflow-y:auto; padding-top:5px;">
<asp:TreeView ID="treeSalesGroups" ShowLines="true" ShowExpandCollapse="true" NodeStyle-CssClass="Node" HoverNodeStyle-CssClass="N
</asp:TreeView>
</div>
</div>
<div style="float:right; padding-left:5px; overflow:visible;">
<div style="padding-top:70px;">
<div class="all"><asp:Button ID="btnSalesLeftAll" Text="<<" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSalesLeft" Text="<" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSalesRight" Text=">" Width="75%" runat="server" /></div>
<div class="all padTop5"><asp:Button ID="btnSalesRightAll" Text=">>" Width="75%" runat="server" /></div>
</div>
</div>
</div>
</div>
<div style="float:right; width:49%;">
<div class="detailLabel">
<asp:Label ID="lblSalesReports" CssClass="label underline" runat="server">Reports:</a
</div>
<div class="detailContent" style="padding-top:4px;">
<asp:ListBox ID="lstSalesReports" SelectionMode="Multiple" DataTextField="Title" DataValueField="Id" CssClass="select" AutoPostBack="true" Height="255px" Width="100%" runat="server"></asp:ListB
</div>
</div>
</div>
<div style="clear:both; padding-top:10px;"> <
<div class="detailRow" style="width:95%;">
<div class="detailContent">
<span class="titleLabel">Report Title:</span>
<p style="text-indent:0px; display:inline;"><asp:Labe
</div>
</div>
<div class="detailRow padTop10" style="width:95%;">
<div class="detailContent">
<span class="descriptionLabel">R
<p style="text-indent:0px; display:inline;"><asp:Labe
</div>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
tony