[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 947
  • Last Modified:

table section does not include inside tabpanel within tabcontainer

by putting the table section inside tabpanel's contenttemplate,it does not wrap up the whole content within the tag, eg.

for
<tr>
<td>
 <cc1:TabContainer ID="TabContainer1" runat="server">
                                                                <cc1:TabPanel ID="tbAllThreads" HeaderText="All Threads" runat="server">
                                                                <ContentTemplate>
..
   </ContentTemplate>
                                                                </cc1:TabPanel>

                                                                </cc1:TabContainer>
                                                 

                                                            </td>
<tr>
                                                            <td colspan="2">
                                                            
                                                                <cc1:TabContainer ID="TabContainer1" runat="server">
                                                                <cc1:TabPanel ID="tbAllThreads" HeaderText="All Threads" runat="server">
                                                                <ContentTemplate> 
                                                            <table align="left" style="width: 891px">
	                                                          
	                                                            <tr>
		                                                            <td class="datalistcontentfont" width="80">Filter By:</td>
                                                                    <td class="datalistcontentfont" width="50">User :</td>
                                                                    <td align="left" width="100"><asp:TextBox ID="txtUser" runat="server" /></td>
                                                                    <td class="style42"><asp:Linkbutton ID="lbSearchUser" runat="server" Text="Search" 
                                                                            CssClass="btnShort" onclick="lbSearchUser_Click" /></td>
                                                                    <td class="datalistcontentfont" width="50">Date :</td>
                                                                    <td class="datalistcontentfont" width="50"><asp:TextBox ID="txtCalendar" runat="server" /> 
                                                                        <cc1:CalendarExtender ID="CalendarExtender1" TargetControlID="txtCalendar" Format="dd/MM/yyyy" runat="server">
                                                                        </cc1:CalendarExtender>
                                                                    </td>
                                                                    <td class="style44"><asp:Linkbutton ID="lbSearchDate" runat="server" Text="Search" 
                                                                            CssClass="btnShort" onclick="lbSearchDate_Click" /></td>
                                                                    <td class="style43">Status :</td>
                                                                    <td>
                                                                        <asp:DropDownList ID="ddlstatus" AutoPostBack="true" runat="server">
                                                                        <asp:ListItem>Open</asp:ListItem>
                                                                        <asp:ListItem>Solved</asp:ListItem>
                                                                        </asp:DropDownList>
                                                                    </td>
                                                                </tr>
                                                                


                                                            </table>
                                                            

                                                            
                                                            

                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">
                                                            <asp:GridView ID="gvThread" runat="server" GridLines="Horizontal" HeaderStyle-CssClass="gvHeaderRow"
                            AutoGenerateColumns="False" AllowPaging="True" 
                            CellPadding="5" BorderWidth="1px" Font-Names="Arial"  
                            PageSize="10"
                            CssClass="datatableNormal" 
                            AlternatingRowStyle-CssClass="datatableHighlight" BorderColor="#cccccc" 
                            Width="100%" HeaderStyle-HorizontalAlign="Left"
                             SortedDescendingHeaderStyle-HorizontalAlign="Right" onrowcommand="gvThread_RowCommand">
                            <HeaderStyle HorizontalAlign="Left" BackColor="#BDBDBD" />
                          <pagerstyle HorizontalAlign="right" CssClass="pager" />                                                
                            <Columns> 

                                <asp:BoundField HeaderText="User" DataField="UTname" 
                                    SortExpression="name" HeaderStyle-ForeColor="Black" HeaderStyle-Width="10%"
                                    HeaderStyle-CssClass="first" ItemStyle-CssClass="first" ReadOnly="True"  
                                    HeaderStyle-HorizontalAlign="Left"  ItemStyle-HorizontalAlign="Left">
                                    <HeaderStyle ForeColor="White"></HeaderStyle>
                                    <ItemStyle CssClass="first"></ItemStyle>
                                </asp:BoundField> 

                                <asp:BoundField HeaderText="Title" DataField="title" 
                                HeaderStyle-ForeColor="Black"
                                HeaderStyle-CssClass="first" ItemStyle-CssClass="first" ReadOnly="True"  
                                HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="30%" ItemStyle-HorizontalAlign="Left">
                                    <HeaderStyle ForeColor="White"></HeaderStyle>
                                    <ItemStyle CssClass="first"></ItemStyle>
                                </asp:BoundField>

                                

                                <%--
                                 <asp:BoundField HeaderText="Date Created" DataField="datecreated" 
                                    SortExpression="name" HeaderStyle-ForeColor="Black" HeaderStyle-Width="20%"
                                    HeaderStyle-CssClass="first" ItemStyle-CssClass="first" ReadOnly="True"  
                                    HeaderStyle-HorizontalAlign="Left"  ItemStyle-HorizontalAlign="Left">
                                    <HeaderStyle  ForeColor="White"></HeaderStyle>
                                    <ItemStyle CssClass="first"></ItemStyle>
                                </asp:BoundField>  
                                
                                <asp:BoundField HeaderText="Date Modified" DataField="datemodified" 
                                    SortExpression="name" HeaderStyle-ForeColor="Black" HeaderStyle-Width="20%"
                                    HeaderStyle-CssClass="arialfontgvtitle" ItemStyle-CssClass="first" ReadOnly="True"  
                                    HeaderStyle-HorizontalAlign="Left"  ItemStyle-HorizontalAlign="Left">
                                    <HeaderStyle  ForeColor="White"></HeaderStyle>
                                    <ItemStyle CssClass="first"></ItemStyle>
                                </asp:BoundField>   --%>
                                
                                <asp:TemplateField HeaderStyle-Width="180px">
                                     <ItemTemplate>
                                           <%#Convert.ToDateTime(DataBinder.Eval(Container.DataItem, "DateCreated")).ToString("dd-MM-yyyy hh:mm:ss tt")%>
                                        </ItemTemplate>
                                         <HeaderTemplate>
                                        <span style="float:left; padding-right:12px;">
                                         <asp:Label ID="lblheader" runat="server" Text="Date Created" CssClass="arialfontgvtitle"  ForeColor="White" />
                                        </span>
                                    </HeaderTemplate>
                                        
                                </asp:TemplateField>

                                <asp:TemplateField HeaderStyle-Width="180px">
                                     <ItemTemplate>
                                           <%#Convert.ToDateTime(DataBinder.Eval(Container.DataItem, "DateModified")).ToString("dd-MM-yyyy hh:mm:ss tt")%>
                                        </ItemTemplate>
                                         <HeaderTemplate>
                                        <span style="float:left; padding-right:12px;">
                                         <asp:Label ID="lblheader1" runat="server" Text="Date Modified" CssClass="arialfontgvtitle"  ForeColor="White" />
                                        </span>
                                    </HeaderTemplate>
                                        
                                </asp:TemplateField>
                                <%--
                                <asp:ImageField HeaderText="Status" HeaderStyle-CssClass="arialfontgvtitle" DataImageUrlField='<%# getImageByID(Eval("Status")) %>'
 ControlStyle-Height="48" ControlStyle-Width="48"></asp:ImageField>
--%>

                                <asp:TemplateField HeaderText="Status" HeaderStyle-CssClass="arialfontgvtitle">
                                    <ItemTemplate>
                                        <asp:Image ID="imgStatus" runat="server" ImageUrl='<%# getImageByID(Convert.ToInt32(Eval("Status"))) %>' Height="48" Width="48" />
                                    </ItemTemplate>
                                </asp:TemplateField>

                                 <asp:TemplateField HeaderStyle-Width="100px">
                                     <ItemTemplate>
                                            <span style="float:right; padding-right:20px;">
                                                <asp:LinkButton ID="hlviewarticle" runat="server" CssClass="note" CommandName="VIEWTHREAD" CommandArgument='<%# (Container as GridViewRow).RowIndex %>'></asp:LinkButton>
                                                    
                                               <%-- <asp:Label ID="lblIDField" Visible="false" Text='<%# Eval("ArticleID") %>' runat="server" />--%>
                            
                                            </span>
                                        </ItemTemplate>
                                         <HeaderTemplate>
                                        <span style="float:right; padding-right:12px;">
                                         <asp:Label ID="lblheader" runat="server" Text="View" Font-Names="Arial"  ForeColor="White" />
                                        </span>
                                    </HeaderTemplate>
                                        
                                </asp:TemplateField>
                                
                            </Columns>
                           
                        </asp:GridView>

                         

                                                 

                                                            </td>
                                                           
                                                       </ContentTemplate>
                                                                </cc1:TabPanel>

                                                                </cc1:TabContainer>

                                                        </tr>

Open in new window

tabcontainer-tabpanel.JPG
0
doramail05
Asked:
doramail05
1 Solution
 
BurniePCommented:
You have misplaced html.

You start a row <tr> outside the TabContainer, but you close it inside.  I have a strong feeling it is the reason it is not wrapping up the whole content.  The <tr> you start at Line 1 (outside tabcontainer), is closed at line 40 (inside tabcontainer)

I would put the table you start outside the TabContainer inside also.
<cc1:TabContainer ID="TabContainer1" runat="server">
        <cc1:TabPanel ID="tbAllThreads" HeaderText="All Threads" runat="server">
        <ContentTemplate> 
        <table>
          <tr>
          <td colspan="2">
            <table align="left" style="width: 891px">
	                                                          
	            <tr>
		            <td class="datalistcontentfont" width="80">Filter By:</td>
                    <td class="datalistcontentfont" width="50">User :</td>
                    <td align="left" width="100"><asp:TextBox ID="txtUser" runat="server" /></td>
                    <td class="style42"><asp:Linkbutton ID="lbSearchUser" runat="server" Text="Search" 
                            CssClass="btnShort" onclick="lbSearchUser_Click" /></td>
                    <td class="datalistcontentfont" width="50">Date :</td>
                    <td class="datalistcontentfont" width="50"><asp:TextBox ID="txtCalendar" runat="server" /> 
                        <cc1:CalendarExtender ID="CalendarExtender1" TargetControlID="txtCalendar" Format="dd/MM/yyyy" runat="server">
                        </cc1:CalendarExtender>
                    </td>
                    <td class="style44"><asp:Linkbutton ID="lbSearchDate" runat="server" Text="Search" 
                            CssClass="btnShort" onclick="lbSearchDate_Click" /></td>
                    <td class="style43">Status :</td>
                    <td>
                        <asp:DropDownList ID="ddlstatus" AutoPostBack="true" runat="server">
                        <asp:ListItem>Open</asp:ListItem>
                        <asp:ListItem>Solved</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                                                                


              </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                      <asp:GridView ID="gvThread" runat="server" GridLines="Horizontal" HeaderStyle-CssClass="gvHeaderRow"
                            AutoGenerateColumns="False" AllowPaging="True" 
                            CellPadding="5" BorderWidth="1px" Font-Names="Arial"  
                            PageSize="10"
                            CssClass="datatableNormal" 
                            AlternatingRowStyle-CssClass="datatableHighlight" BorderColor="#cccccc" 
                            Width="100%" HeaderStyle-HorizontalAlign="Left"
                             SortedDescendingHeaderStyle-HorizontalAlign="Right" onrowcommand="gvThread_RowCommand">
                            <HeaderStyle HorizontalAlign="Left" BackColor="#BDBDBD" />
                          <pagerstyle HorizontalAlign="right" CssClass="pager" />                                                
                            <Columns> 

                                <asp:BoundField HeaderText="User" DataField="UTname" 
                                    SortExpression="name" HeaderStyle-ForeColor="Black" HeaderStyle-Width="10%"
                                    HeaderStyle-CssClass="first" ItemStyle-CssClass="first" ReadOnly="True"  
                                    HeaderStyle-HorizontalAlign="Left"  ItemStyle-HorizontalAlign="Left">
                                    <HeaderStyle ForeColor="White"></HeaderStyle>
                                    <ItemStyle CssClass="first"></ItemStyle>
                                </asp:BoundField> 

                                <asp:BoundField HeaderText="Title" DataField="title" 
                                HeaderStyle-ForeColor="Black"
                                HeaderStyle-CssClass="first" ItemStyle-CssClass="first" ReadOnly="True"  
                                HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="30%" ItemStyle-HorizontalAlign="Left">
                                    <HeaderStyle ForeColor="White"></HeaderStyle>
                                    <ItemStyle CssClass="first"></ItemStyle>
                                </asp:BoundField>

                                

                                <%--
                                 <asp:BoundField HeaderText="Date Created" DataField="datecreated" 
                                    SortExpression="name" HeaderStyle-ForeColor="Black" HeaderStyle-Width="20%"
                                    HeaderStyle-CssClass="first" ItemStyle-CssClass="first" ReadOnly="True"  
                                    HeaderStyle-HorizontalAlign="Left"  ItemStyle-HorizontalAlign="Left">
                                    <HeaderStyle  ForeColor="White"></HeaderStyle>
                                    <ItemStyle CssClass="first"></ItemStyle>
                                </asp:BoundField>  
                                
                                <asp:BoundField HeaderText="Date Modified" DataField="datemodified" 
                                    SortExpression="name" HeaderStyle-ForeColor="Black" HeaderStyle-Width="20%"
                                    HeaderStyle-CssClass="arialfontgvtitle" ItemStyle-CssClass="first" ReadOnly="True"  
                                    HeaderStyle-HorizontalAlign="Left"  ItemStyle-HorizontalAlign="Left">
                                    <HeaderStyle  ForeColor="White"></HeaderStyle>
                                    <ItemStyle CssClass="first"></ItemStyle>
                                </asp:BoundField>   --%>
                                
                                <asp:TemplateField HeaderStyle-Width="180px">
                                     <ItemTemplate>
                                           <%#Convert.ToDateTime(DataBinder.Eval(Container.DataItem, "DateCreated")).ToString("dd-MM-yyyy hh:mm:ss tt")%>
                                        </ItemTemplate>
                                         <HeaderTemplate>
                                        <span style="float:left; padding-right:12px;">
                                         <asp:Label ID="lblheader" runat="server" Text="Date Created" CssClass="arialfontgvtitle"  ForeColor="White" />
                                        </span>
                                    </HeaderTemplate>
                                        
                                </asp:TemplateField>

                                <asp:TemplateField HeaderStyle-Width="180px">
                                     <ItemTemplate>
                                           <%#Convert.ToDateTime(DataBinder.Eval(Container.DataItem, "DateModified")).ToString("dd-MM-yyyy hh:mm:ss tt")%>
                                        </ItemTemplate>
                                         <HeaderTemplate>
                                        <span style="float:left; padding-right:12px;">
                                         <asp:Label ID="lblheader1" runat="server" Text="Date Modified" CssClass="arialfontgvtitle"  ForeColor="White" />
                                        </span>
                                    </HeaderTemplate>
                                        
                                </asp:TemplateField>
                                <%--
                                <asp:ImageField HeaderText="Status" HeaderStyle-CssClass="arialfontgvtitle" DataImageUrlField='<%# getImageByID(Eval("Status")) %>'
 ControlStyle-Height="48" ControlStyle-Width="48"></asp:ImageField>
--%>

                                <asp:TemplateField HeaderText="Status" HeaderStyle-CssClass="arialfontgvtitle">
                                    <ItemTemplate>
                                        <asp:Image ID="imgStatus" runat="server" ImageUrl='<%# getImageByID(Convert.ToInt32(Eval("Status"))) %>' Height="48" Width="48" />
                                    </ItemTemplate>
                                </asp:TemplateField>

                                 <asp:TemplateField HeaderStyle-Width="100px">
                                     <ItemTemplate>
                                            <span style="float:right; padding-right:20px;">
                                                <asp:LinkButton ID="hlviewarticle" runat="server" CssClass="note" CommandName="VIEWTHREAD" CommandArgument='<%# (Container as GridViewRow).RowIndex %>'></asp:LinkButton>
                                                    
                                               <%-- <asp:Label ID="lblIDField" Visible="false" Text='<%# Eval("ArticleID") %>' runat="server" />--%>
                            
                                            </span>
                                        </ItemTemplate>
                                         <HeaderTemplate>
                                        <span style="float:right; padding-right:12px;">
                                         <asp:Label ID="lblheader" runat="server" Text="View" Font-Names="Arial"  ForeColor="White" />
                                        </span>
                                    </HeaderTemplate>
                                        
                                </asp:TemplateField>
                                
                            </Columns>
                           
                        </asp:GridView>
                                                 

                        </td>
                        </tr>
 

                    </table>
                  </ContentTemplate>
                  </cc1:TabPanel>
                  </cc1:TabContainer>

Open in new window

0
 
doramail05Author Commented:
was thinking about to exclude the section lblcategory,

 <table width="100%">
                                                        <tr>
                                                            <td>
                                                            Category : <asp:Label ID="lblcat3gory" runat="server" CssClass="generalarialfont" />
                                                            </td>
                                                            <td align="right">
                                                                <asp:Label ID="lblPageMsg" runat="server" CssClass="datalistcontentfont"
                                                                    Visible="false" />
                                                            </td>

but i guess it worked after wrapping up with it ,
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now