JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Menu & Tree › How to hide a drop down arraw when there is no children for an item?

Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 3, 2024 at 7:18 am #111087
    Aditya Prakash
    Participant

    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.

    July 3, 2024 at 8:10 am #111088
    Markov
    Keymaster

    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/

    July 3, 2024 at 8:43 am #111089
    Aditya Prakash
    Participant

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

    July 3, 2024 at 8:44 am #111090
    Aditya Prakash
    Participant

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

    July 3, 2024 at 10:44 am #111098
    Markov
    Keymaster

    Hi Aditya,

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

    Best regards,
    Markov

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

    July 3, 2024 at 11:09 am #111099
    Aditya Prakash
    Participant

    but it will not act as a child.

    July 4, 2024 at 5:17 am #111102
    Markov
    Keymaster

    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
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.