OBOUT - ASP.NET TreeView - Width, Height and Scrollbars

ASP.NET TreeView - Width, Height and Scrollbars

You can use these properties:
.Width
.Height
.Width_ScrollWider

In most cases you don't need to set these properties.
Tree will expand up to outer container.
Scrollbars will be added automatically if tree doesn't fit into the outer container.

You can also set tree size with properties Width and Height.
Scrollbars will be also added automatically when the tree grows larger.

Width and Height can have values in pixels or percents.
For example "300px" or "100%".

E-Mail Accounts

MyAccount

Inbox

This is example of a very long text to make a scrollbar appears if necessary

Drafts

Outlook

Calendar

Notes

    oTree.Height = "150px";
    oTree.Width = "200px";

E-Mail Accounts

MyAccount

Inbox

This is example of a very long text to make it wrap with line breaks

Drafts

Outlook

Calendar

Notes

    oTree.Height = "100%";
    oTree.Width = "150px";

E-Mail Accounts

MyAccount

Inbox

This is example of a very long text to make a scrollbar appears if necessary

Drafts

Outlook

Calendar

Notes

    oTree.Height = "160px";
    oTree.Width = "150px";

Use tags "<nobr>node text here</nobr>"
to prevent text wrap in node.
Scrollbar is added automatically.

E-Mail Accounts

MyAccount

Inbox

This is example of a very long text to make a scrollbar appears if necessary

Drafts

Outlook

Calendar

Notes

Example of Width_ScrollWider
Note that Width_ScrollWider must be greater than Width:

    oTree.Height = "160px";
    oTree.Width = "250px";
    oTree.Width_ScrollWider = "500px";

E-Mail Accounts

MyAccount

Inbox

This is example of a very long text to make a scrollbar appears if necessary

Drafts

Outlook

Calendar

Notes

Changing Width_ScrollWider will change internal size of the tree
and the scrollbar size:

    oTree.Height = "160px";
    oTree.Width = "250px";
    oTree.Width_ScrollWider = "300px";

"Your controls are by far the best I've used. They put Infragistics to shame."

Mike Collins

Random testimonial All testimonials

obout.com

obout.com Home

News

TreeView Home

Download

Site Map

Examples

Styles

Features

Drag and drop - 18

Dynamic loading - 6

Add/remove nodes - 4

Edit nodes - 4

Select nodes - 3

Layout - 2

Width, height and scrollbars

Root node

TreeView state - 3

File system - 3

Additional data for each node - 3

Expand/collapse nodes - 2

Multiple trees - 4

Validation - 2

Integration - 14

Customization - 7

Knowledge Base - 1

Documentation

Tutorials