Solved

table section does not include inside tabpanel within tabcontainer

Posted on 2010-11-13
2
943 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 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

Technology Partners: 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!

Question has a verified solution.

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

Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Monitoring a network: why having a policy is the best policy? Michael Kulchisky, MCSE, MCSA, MCP, VTSP, VSP, CCSP outlines the enormous benefits of having a policy-based approach when monitoring medium and large networks. Software utilized in this v…
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…

691 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