jQWidgets Forums

Tagged: ensureVisible, horizontal, item, li, scrollbar, top, Tree, width

This topic contains 3 replies, has 2 voices, and was last updated by Dimitar 10 years, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

EnsureVisible positions item behind horizontal scrollbar Posts
June 24, 2014 at 8:50 pm EnsureVisible positions item behind horizontal scrollbar #56313

Silvio
Participant

Hey guys,

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

June 26, 2014 at 6:42 am EnsureVisible positions item behind horizontal scrollbar #56397

Dimitar
Participant

Hello Silvio,

This is the way the method works – it ensures the top of the element is visible, not necessarily the whole of it.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

June 26, 2014 at 8:42 pm EnsureVisible positions item behind horizontal scrollbar #56465

Silvio
Participant

I noticed that my items
have a width of 313px, but I’m not setting it anywhere. On your demo page example you guys use 194px on the LI and 80px on the inner DIV.
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>