Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Hillarie
70
WebTree in overflow div
posted

How can I prevent the scrollbar from appearing, as shown in this screenshot? 

http://www.llamarock.net/misc/webtreess.png

 I am trying to provide a print-friendly page, and it's cutting off the bottom.  Here's the markup for the tree as it is now. 

<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>

Parents
  • 28464
    posted

    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>

Reply Children
No Data