Solved

table section does not include inside tabpanel within tabcontainer

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Introduction Got endorsements from your clients?  Great!  There is almost nothing better than word-of-mouth advertising.  But how can you do that on the internet?  Sure you can make a page for endorsement quotations and list them all, but who is …
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.
Both in life and business – not all partnerships are created equal. As the demand for cloud services increases, so do the number of self-proclaimed cloud partners. Asking the right questions up front in the partnership, will enable both parties …

920 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