Adjusting the spacing of rows in Tree widget

[alastairwalkerParticipant]

The default spacing of rows in the Tree widget leaves a large amount of ‘white space’ between the rows.

I am struggling to find the proper way to achieve close control over the row spacing, between parent and child rows.

The best I have found so far is to try and use the following css:

.jqx-tree-item{
margin-bottom:-0px!important;
line-height:15px!important;
padding: 1px !important;}

but the results are really unsatisfactory.
(Note: I would love to provide a screen shot (image) of what I am referring to, but there seems no easy way to upload an image.)

Are there other settings that I should be using – to achieve close control over the row spacing?

Any guidance on this matter will be really appreciated!

Alastair

[HristoParticipant]

Hello Alastair,

You could use class selector with tag (<ul/> or <li/>), also the described classes – .jqx-tree-dropdown, .jqx-tree-item-li, and etc.
I would like to suggest you look at this tutorial:
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxtree/jquery-tree-styling-and-appearance.htm?search=tree
You could share a picture by “http://postimage.org/”.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts