Solved

table section does not include inside tabpanel within tabcontainer

Posted on 2010-11-13
2
933 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
Comment Utility
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
Comment Utility
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

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

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 …
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 …
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…
This video explains how to create simple products associated to Magento configurable product and offers fast way of their generation with Store Manager for Magento tool.

762 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

9 Experts available now in Live!

Get 1:1 Help Now