TreeView.NodeWrap Property

Definition

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

public:
 property bool NodeWrap { bool get(); void set(bool value); };
public bool NodeWrap { get; set; }
member this.NodeWrap : bool with get, set
Public Property NodeWrap As Boolean

Property Value

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

Examples

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>

<%@ Page Language="VB" %>

<!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>

Remarks

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.

Applies to

See also