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
--> You need to expand the first node to see the effekt.
I've tested it in Internet Explorer 7 and Mozilla Firefox 3.x
Hello,
Please take a look at the picture below. What am I missing?
Thanks.
Hmm
No plan what I missed as I tried scrolling with the tree, but;When i set a absolute height for eg 150px and width="100%" it does the job.
Sorry that I did not try this before posting
@Edit
I additionaly deleted the div because the tree does all what i wanted to
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?
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.