TreeView Horizontal Scroll bar Hiding the Node in case of only one node in the treeview

[manu]

The tree view height is set to 100%, and width is set to 250px.
When the treeview has only one item with a very long name to display, the horizontal scroll bar at the bottom overlaps the Node name and thus node Name or the vertical scroll bar cannot be seen.
Its as if the horizontal scroll bar is also accomodated in the the same 100% height thus eating into the space left for the node to be displayed in.
Cannot change the height set to 100%and width to 250px.
pls suggest a solution.

rgds,
Manu

[Atanas Korchev]

Hi manu,

You can wrap the treeview inside div tag and apply "style="overflow:auto;width:250px; height:100%;margin-bottom:30px"; Then remove the width and height properties of the treeview.

Regards,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[manu]

thanks for the quick reply albert.

But my treeView is placed inside an html table. div tab cannot be used inside a table and taking the treeview out of the table disturbs the layout of my page.
here's how my html code looks.
<TABLE>
......
......
    <TABLE>
    ......
    ......
        <TR>
        <TD align="left">
                    <radt:radtreeview id="rtvBankOrCategory" style="OVERFLOW-Y: auto; OVERFLOW-X: auto; TEXT-OVERFLOW: ellipsis" tabIndex="-1" runat="server" AutoPostBack="True" Width="250px" Height="100%" ></radt:radtreeview>
        </TD>
        </TR>
        .........
    </TABLE>
</TABLE>

Whats the way around this?

[Atanas Korchev]

Hi manu,

Why can't a div be used inside a table? I don't know of such limitations. Place the div around the treeview (in the TD).

Regards,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[manu]

Yes albert, i was mistaken. 
Tried the foll, just confirm if this is what you suggested.

<TR>
<TD align="left">
<div style="MARGIN-BOTTOM:30px;OVERFLOW:auto;WIDTH:250px;HEIGHT:100%"><radt:radtreeview id="rtvBankOrCategory" style="OVERFLOW-Y: auto; OVERFLOW-X: auto; TEXT-OVERFLOW: ellipsis" tabIndex="-1" runat="server" AutoPostBack="True"></radt:radtreeview>
</div>
</TD>
</TR>

This hasn't fixed it. 
Either i've still missed something or we need to try another work around.
please look in.

Regards,
Manu

[Atanas Korchev]

Hello manu,

Please remove the style attribute of the treeview.

All the best,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.