Link to home
Start Free TrialLog in
Avatar of picsnet
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</HeaderTemplate>
        <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:</asp: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="NodeHover" SelectedNodeStyle-CssClass="NodeSelected" 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:</asp: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:ListBox>        
            </div>
           </div>
         </div>  
         
         <div style="clear:both; padding-top:10px;">&nbsp;</div>
         
         <div class="detailRow" style="width:95%;">
          <div class="detailContent">
            <span class="titleLabel">Report Title:</span>
            <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSchoolTitle" CssClass="label" runat="server"></asp:Label></p>                  
          </div>
         </div>
         <div class="detailRow padTop10" style="width:95%;">
          <div class="detailContent">
            <span class="descriptionLabel">Report Description:</span>
            <p style="text-indent:0px; display:inline;"><asp:Label 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</HeaderTemplate>
        <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:</asp: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="NodeHover" SelectedNodeStyle-CssClass="NodeSelected" 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:</asp: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:ListBox>        
            </div>
           </div>
         </div>  
         
         <div style="clear:both; padding-top:10px;">&nbsp;</div>
         
         <div class="detailRow" style="width:95%;">
          <div class="detailContent">
            <span class="titleLabel">Report Title:</span>
            <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSalesTitle" CssClass="label" runat="server"></asp:Label></p>                  
          </div>
         </div>
         <div class="detailRow padTop10" style="width:95%;">
          <div class="detailContent">
            <span class="descriptionLabel">Report Description:</span>
            <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSalesDescription" CssClass="label" runat="server"></asp:Label></p>                
          </div>                
         </div>                      
       </div>                        
     </div>          
     </div>      
     </ContentTemplate>  
    </asp:UpdatePanel>
    </ContentTemplate>    
   </cc1:TabPanel>  
     
  </cc1:TabContainer>  
 
ASKER CERTIFIED SOLUTION
Avatar of DropZone
DropZone
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of picsnet
picsnet

ASKER

i found that too.  I've found it don't like certain stuff inside of it too, had all kinds of problems, but that was probably catching stuff when it was too complicated.  

tony