?
Solved

table section does not include inside tabpanel within tabcontainer

Posted on 2010-11-13
2
Medium Priority
?
944 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 16

Accepted Solution

by:
BurnieP earned 2000 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

Enroll in August's Course of the Month

August's CompTIA IT Fundamentals course includes 19 hours of basic computer principle modules and prepares you for the certification exam. It's free for Premium Members, Team Accounts, and Qualified Experts!

Question has a verified solution.

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

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Michael from AdRem Software explains how to view the most utilized and worst performing nodes in your network, by accessing the Top Charts view in NetCrunch network monitor (https://www.adremsoft.com/). Top Charts is a view in which you can set seve…
In this video, Percona Solution Engineer Rick Golba discuss how (and why) you implement high availability in a database environment. To discuss how Percona Consulting can help with your design and architecture needs for your database and infrastr…
Suggested Courses

777 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