How to hide a drop down arraw when there is no children for an item?

[Aditya Prakash]

By default when we use <TreeItemsGroup> it showing dropdown icon but if there is no child so Is there any way to handle to remove an icon from treeitemsgroup.

[Markov]

Hi Aditya,

In this case, I suggest you to add a smart-tree-item instead. When you add children to it, it will automatically become a smart-tree-items-group.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Aditya Prakash]

can we use allowdrag and allowdrop with smart-tree-item?

[Aditya Prakash]

I am using Reactjs and want to show dropdown icon when we drop a child into it.

• This reply was modified 5 months ago by Aditya Prakash.

[Markov]

Hi Aditya,

If it is a tree item, you can drop above or below.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Aditya Prakash]

but it will not act as a child.

[Markov]

Hi Aditya,

Yes, it will not. A possible solution here would be to use smart-tree-items-group. After you create the tree, use document.querySelectorAll(‘smart-tree-items-group’) and then loop through all groups, check the .children property for children and hide the arrow if there’s no child.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts