Solved

table section does not include inside tabpanel within tabcontainer

Posted on 2010-11-13
2
938 Views
Last Modified: 2012-05-10
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
Comment
Question by:doramail05
2 Comments
 
LVL 16

Accepted Solution

by:
BurnieP earned 500 total points
ID: 34130925
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
 
LVL 1

Author Comment

by:doramail05
ID: 34132710
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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

jQuery is a JavaScript library that greatly simplifies JavaScript programming. AJAX is an acronym formed from "Asynchronous JavaScript and XML."  AJAX refers to any communication between client and server, when the human client does not observe a…
It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
Established in 1997, Technology Architects has become one of the most reputable technology solutions companies in the country. TA have been providing businesses with cost effective state-of-the-art solutions and unparalleled service that is designed…

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question