Solved

table section does not include inside tabpanel within tabcontainer

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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
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.
Along with being a a promotional video for my three-day Annielytics Dashboard Seminor, this Micro Tutorial is an intro to Google Analytics API data.
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.

813 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now