Topic: Treeview for each li node add some additional elements
Yiannis Kyriazidis 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 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 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?
Yiannis Kyriazidis 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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: 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