How can I prevent the scrollbar from appearing, as shown in this screenshot?
http://www.llamarock.net/misc/webtreess.png
<ignav:UltraWebTree ID="uxFMECATree" runat="server" Height="100%" Width="100%"
EnableViewState="false" Indentation="16" HoverClass="" DefaultImage="" DataKeyOnClient="True" HiliteClass="">
<Levels>
<ignav:Level Index="0"></ignav:Level>
<ignav:Level Index="1" />
<ignav:Level Index="2" />
<ignav:Level Index="3" />
</Levels>
<Styles>
<ignav:Style CssClass="Main" Font-Bold="True" ForeColor="Blue" />
<ignav:Style CssClass="Function" Font-Bold="True" />
<ignav:Style CssClass="Failure" ForeColor="Red" Font-Bold="True" />
<ignav:Style CssClass="Mode" ForeColor="Blue" />
</Styles>
<NodePaddings Bottom="1px" Left="1px" Right="1px" Top="1px" />
</ignav:UltraWebTree>
Yes, this got me 1 step closer.
Now, it will not display the scrollsbars. However, it does something odd when you click Print (in IE7, not sure as to other browser behavior).
It prints 1 blank page, then the 2nd page is everything it can fit in from the tree. But, if there is remaining text that should print on a 3rd page, that is just left off. So the end result is 1 blank page and 1 cut off page. Any ideas on how to resolve that?
I believe one possible approach is disabling the Y overflow for the treeview in tree init on the client-side using CSOM. This would effectively disable the vertical scrollbar. For example:
<ignav:UltraWebTree ID="UltraWebTree1" runat="server"> <ClientSideEvents InitializeTree="initTree" /> </ignav:UltraWebTree> <script language="javascript"> function initTree() { var treeView = igtree_getTreeById("<%= UltraWebTree1.ClientID %>"); treeView.Element.style.overflowY = "hidden"; } </script>