Hello Dear
I've noticed that the webtree default behavior is to resize it self so it draws all its content. When you Expand nodes, the Tree gets bigger in its width and height.
Is there any possibility to tell the tree to not grow in height and with and show scrollbars instead? If not, what will be best practice to show scrollbars?
Thanks for your help
Hello,
You can put the tree in <div> and set style of div tag. Please take a look at the sample style below:style="width: 100px; height: 100px; overflow: scroll;”
Hope this helps.
I already tried this but the tree gets still cut off horizontaly.
If I set Tree Width = 100% there is less cutoff than with no predefined width. But in both cases the tree gets cutoff.
Here is the sample code, just expand the first root node;
<div style="width: 150px; height: 150px; overflow: scroll;"> <ignav:UltraWebTree ID="UltraWebTree1" runat="server" DefaultImage="" EnableAppStyling="True" Indentation="20" Width="100%" > <Levels> <ignav:Level Index="0" /> <ignav:Level Index="1" /> </Levels> <Nodes> <ignav:Node Text="Root Node"> <Nodes> <ignav:Node Text="Overflow overflow overflow overflow"> </ignav:Node> </Nodes> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> <ignav:Node Text="Root Node"> </ignav:Node> </Nodes> </ignav:UltraWebTree> </div>
Any Idea?