Reduce space between tree items in Jqxtree

[shaliniMember]

To reduce the space between the tree items, i tried ‘line-height: 0.8em;’ it reduces the tree items height. But if i wanted to reduce still more i change it to ‘line-height: 0.5em;’ then the child node moves inside another sub folder. Please help me to resolve this issue.

Line Height : 0.8em:

Line Height : 0.5em Collapsed:

In this image, The Sub folder Support is shown inside Products which is not correct.

Line Height : 0.5em Expanded:

In this image, The Sub folder Support is shown outside Products as expected.

Regards,
Shalini S.

[DimitarParticipant]

Hello Shalini S.,

By modifying the bottom margin you may achieve what you seek. Put this style in your page:

    <style type="text/css">
        .jqx-tree-item
        {
            margin-bottom: -5px !important;
        }
    </style>

Best Regards,
Dimitar

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

[Author]

Posts