Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Treeview for each li node add some additional elements

Yiannis Kyriazidis free asked 3 years ago


using treeview in each li node I wish to have an anchor element and a drop down button aligned to the end to show some contextual actions for each node.

But as shown in snippet below it doesnt work as expected . I cannot get the anchor and dropdown button for each treenode aligned on same row.

https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3470321

Can you please help .


Yiannis Kyriazidis free answered 3 years ago


Ok ,do you agree with this approach ? https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3476401

I think this is correct


Michał Duszak staff commented 3 years ago

Yeah it looks fine


Yiannis Kyriazidis free answered 3 years ago


Thank you for example My issue here is that say you have a root element with 2 child nodes . In the root element i add a dropdown button and under that the ul with the children. It doesnt seem to work , as shown in below snippet . I think its because it expects the child ul element to be directly unde the root anchor tag.

https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3476299#html-tab-view


Michał Duszak staff answered 3 years ago


Try by adding `class="d-flex flex-row"` to each li element. Then you can add some margin to your dropdown. And delete your span elements. It looks something like this in my case

https://mdbootstrap.com/snippets/standard/m-duszak/3475276

How does it look for you?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes
Tags