This is a migrated thread and some comments may be shown as answers.

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

5 Answers 393 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
manu
Top achievements
Rank 1
manu asked on 18 Dec 2008, 07:42 AM

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

5 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 18 Dec 2008, 08:15 AM
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.
0
manu
Top achievements
Rank 1
answered on 18 Dec 2008, 09:45 AM
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?
0
Atanas Korchev
Telerik team
answered on 18 Dec 2008, 09:50 AM
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.
0
manu
Top achievements
Rank 1
answered on 18 Dec 2008, 10:13 AM

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
0
Atanas Korchev
Telerik team
answered on 18 Dec 2008, 11:42 AM
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.
Tags
TreeView
Asked by
manu
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
manu
Top achievements
Rank 1
Share this question
or