1 Table 2 columns one with Treeview and other with TabContainer

Question

User-1987825426 posted

How can i do to the Tabcontrol.

When i expend the Treview in TabContainer2 not stay on top !! do i have to do this with onother control?

Thanks

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <style type="text/css">
        .auto-style5 {
            width: 100%;
        }
        .auto-style6 {
            width: 517px;
        }
        .auto-style7 {
            text-align: justify;
            width: 474px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 <table style="width: 100%; height: 81px; border:1px; border-style:solid; border-color:red">
        <tr>
            <td class="auto-style6">
                <asp:TreeView ID="TreeView1" runat="server" Width="163px" ExpandDepth="0" BorderStyle="None" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged" OnTreeNodeExpanded="TreeView1_TreeNodeExpanded">
                </asp:TreeView>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
            </td>
            <td class="auto-style7">
                <ajaxToolkit:TabContainer ID="TabContainer2" runat="server" ActiveTabIndex="0" Height="489px" Width="514px">
                    <ajaxToolkit:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">
                        <ContentTemplate>
                            <asp:Button ID="Button1" runat="server" Text="Button" />
                        </ContentTemplate>
                    </ajaxToolkit:TabPanel>
                    <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
                    </ajaxToolkit:TabPanel>
                </ajaxToolkit:TabContainer>
            </td>
        </tr>
    
	<td style="vertical-align:top;"  >TEXT </td>
    </tr>
    </table>
</asp:Content>

Answer 1

User-1838255255 posted

Hi  Rebotea,

According to your code , I test it and find treeview control show in the middle of left . I add a property in .auto-style6 , then it show in the top of table .

Sample code:

.auto-style6 {
            width: 600px;
            vertical-align:top;
        }

ScreenShot:

 

Best Regards,

Eric Du

Answer 2

User-1987825426 posted

Thank´s when i pass  auto-style20 to top is working.

      .auto-style20 {
            width: 527px;
            vertical-align:top;
        }