jQuery UI Widgets › Forums › Navigation › Tree › EnsureVisible positions item behind horizontal scrollbar
Tagged: ensureVisible, horizontal, item, li, scrollbar, top, Tree, width
This topic contains 3 replies, has 2 voices, and was last updated by Dimitar 6 years, 1 month ago.
I am having an issue with the tree component and the ensureVisible property. My problem is that the component selected is visible at the very bottom part of the component, but since I have an horizontal scrollbar, it is hidden behind it.
Here’s an example on jsfiddle: http://jsfiddle.net/silvioamaral/WmQ3q/
Please let me know if something can be done.
Thanks in advance,
This is the way the method works – it ensures the top of the element is visible, not necessarily the whole of it.
I noticed that my items
Can you point me out to where do I control this width ?
From your demo page http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtree/index.htm#demos/jqxtree/defaultfunctionality.htm
–> LI width is 194px;
–DIV width is 80px;
<li id=”jqxWidgeta5ce2a3d” role=”treeitem” class=”jqx-tree-item-li jqx-tree-item-li-arctic” aria-selected=”true” style=”margin-left: 16px;”>
<div style=”display: inline-block;” class=”draggable jqx-rc-all jqx-rc-all-arctic jqx-tree-item jqx-tree-item-arctic jqx-item jqx-item-arctic jqx-fill-state-pressed jqx-fill-state-pressed-arctic jqx-tree-item-selected jqx-tree-item-selected-arctic”>Contacts</div>
The width of these items depends on the width of the tree or that of the longest item (whichever is larger). There is no property for setting them.
You must be logged in to reply to this topic.