Hide expand/collapse arrow - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: javascript tree, jquery tree

This topic contains 3 replies, has 2 voices, and was last updated by milen 12 years, 2 months ago.

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

Author

Hide expand/collapse arrow Posts
July 12, 2012 at 2:52 am Hide expand/collapse arrow #5862

Antony
Member

How can I hide expand/collapse arrow in jqxTree? I tried the following
.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-collapse
{
display: none;
}
This will hide the arrow but the checkbox does not move left. Please help.

July 12, 2012 at 3:25 am Hide expand/collapse arrow #5863
milen
Participant
Hi Antony,

You can also hide the expand/collapse arrows by setting the ‘visibility’.

Example:
```
    .jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-collapse
    {
       visibility: hidden;
    }
```
Regards,
Milen

jQWidgets Team
http://www.jqwidgets.com
July 12, 2012 at 4:22 am Hide expand/collapse arrow #5864

Antony
Member

Hi Milen,

Thank you very much for your quick reply. Setting the visibility property hides the arrow, but does not move items to left. Please look into the matter and help.

July 12, 2012 at 4:45 am Hide expand/collapse arrow #5865

milen
Participant

Hi Antony,

It will not move the tree items. jqxTree’s layout takes into account that there should be a toggle indicator and positions its elements according to that.

Regards,
Milen

jQWidgets Team
http://www.jqwidgets.com
Author

Posts

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

You must be logged in to reply to this topic.