TreeView.NodeWrap Property

 

Gets or sets a value indicating whether text wraps in a node when the node runs out of space.

Namespace:   System.Web.UI.WebControls
Assembly:  System.Web (in System.Web.dll)

public bool NodeWrap { get; set; }

Property Value

Type: System.Boolean

true to wrap the text; otherwise, false. The default is false.

Use the NodeWrap property to specify whether the text that is displayed in each node wraps when it runs out of space.

The value of this property is stored in view state.

The following code example demonstrates how to use the NodeWrap property to wrap the text of the TreeView control.


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeView NodeWrap Example</title>
</head>
<body>
    <form id="form1" runat="server">

      <h3>TreeView NodeWrap Example</h3>

      <table border="1">

        <tr>
          <!-- Setting the width of the cell to a small value          -->
          <!-- will cause the TreeView control to wrap if the NodeWrap -->
          <!-- property is set to true.                                -->
          <td style="width:20">

            <asp:TreeView id="LinksTreeView"
              Font-Names= "Arial"
              ForeColor="Blue"
              NodeWrap="true"
              runat="server">

              <LevelStyles>

                <asp:TreeNodeStyle ChildNodesPadding="10" 
                  Font-Bold="true" 
                  Font-Size="12pt" 
                  ForeColor="DarkGreen"/>
                <asp:TreeNodeStyle ChildNodesPadding="5" 
                  Font-Bold="true" 
                  Font-Size="10pt"/>
                <asp:TreeNodeStyle ChildNodesPadding="5" 
                  Font-UnderLine="true" 
                  Font-Size="10pt"/>
                <asp:TreeNodeStyle ChildNodesPadding="10" 
                  Font-Size="8pt"/>

              </LevelStyles>

              <Nodes>

                <asp:TreeNode Text="Table of Contents"
                  SelectAction="None">

                  <asp:TreeNode Text="Chapter One">

                    <asp:TreeNode Text="Section 1.0">

                      <asp:TreeNode Text="Topic 1.0.1"/>
                      <asp:TreeNode Text="Topic 1.0.2"/>
                      <asp:TreeNode Text="Topic 1.0.3"/>

                    </asp:TreeNode>

                    <asp:TreeNode Text="Section 1.1">

                      <asp:TreeNode Text="Topic 1.1.1"/>
                      <asp:TreeNode Text="Topic 1.1.2"/>
                      <asp:TreeNode Text="Topic 1.1.3"/>
                      <asp:TreeNode Text="Topic 1.1.4"/>

                    </asp:TreeNode>

                  </asp:TreeNode>

                  <asp:TreeNode Text="Chapter Two">

                    <asp:TreeNode Text="Section 2.0">

                      <asp:TreeNode Text="Topic 2.0.1"/>
                      <asp:TreeNode Text="Topic 2.0.2"/>

                    </asp:TreeNode>

                  </asp:TreeNode>

                </asp:TreeNode>

                <asp:TreeNode Text="Appendix A" />
                <asp:TreeNode Text="Appendix B" />
                <asp:TreeNode Text="Appendix C" />

              </Nodes>

            </asp:TreeView>

          </td>

        </tr>

      </table>

    </form>
  </body>
</html>

.NET Framework
Available since 2.0
Return to top
Show: