Hello, how to add icon in treeview parent? Example from vuetify <a href="https://play.vuetifyjs.com/#eNqtVcGOmzAQ/RWXC7vSmpx6QdlUK3WPVaVek6hybMN6Y2wEJksU8e8dmwB2ljSNVA6A37x5M/bMwPoU1RVdvJRlcmh4lEZLw4tSEsNXG4XQ8oBNxflB8A+7ROiAC824fN5EFt9EPZoK8KoBdM8R1SVXnFlYCSOIlMefgAxmy8V7fgS7IsWoRagRB2LITvIesCpYK0yloHsLucwgtyFTSKqW2qRlxYFq452c+JNzRd0mOnu4/QiqFXiIDHhfLC3JBISaOAidTr3nNxQXTOBMS8YrbKEYpT4Wo64bpRe99kwsLmu+sqo2Ur0eg27B/dJvuQgLANahAgAEVljWtBKlcUzelroyiPGMNNKgUy/H4CRT9PCInlfo4YzB0fv1SNE6LpsdnG68fRoYLtN0ULHXmynkefOSqLwhOccW+xqPTgi9g4+jKOiS9zo0aQjljBSM2K59e8Eu1QtS7Zn+CFgly4YKQIYYlnin24Chcp8hCpDy7aY1vp1p2hRcGawbI4UKqK0ctuOovKVcTvZufLMFglOcTs+NASBeS02vwBdGgkOc5ML48SbFKw72VH/DADZQnLscz/X1aAjRNyFZ5ervwxcKvkptiLlU+avSrJqvKHWuE6jYZ82hCW3y83Z/0/01FWCecXVjGTnYEUzg9jnS9Sz+WV8oxtvETstV+TljqO/v7mbBbWuJXOkqaOgxGgzBXf2zIzsuEziiTORJONejZgjfbklC9zCaoBZ+Bzy90HBT8dfry/cfr0nBZuVC+KYY/A3/736PpFKJ1HR/X0GGqneP7gV+N8vF+NWPuifVSOlu2z+3dRlB" class="onebox" target="_blank" rel="noopener nofollow ugc">https://play.vuetifyjs.com/#eNqtVcGOmzAQ/RWXC7vSmpx6QdlUK3WPVaVek6hybMN6Y2wEJksU8e8dmwB2ljSNVA6A37x5M/bMwPoU1RVdvJRlcmh4lEZLw4tSEsNXG4XQ8oBNxflB8A+7ROiAC824fN5EFt9EPZoK8KoBdM8R1SVXnFlYCSOIlMefgAxmy8V7fgS7IsWoRagRB2LITvIesCpYK0yloHsLuc…

It is Dashboard 2, just copied the contents to a ui-template.

[image] KarolisL: straight forward approach doesn't work Not sure what you mean here? The code sample you have shared should just work out of the box?

I get the same thing in Dashboard2 or in the vuetiply play: [image]

Is this dashboard1 on the right?

My bad, I assumed dashboard template stuff matches vuetify playground and didn't even test it on dashboard... Thanks a lot

I'm posting end result for future references [{"id":"18ee4dcafdd7896a","type":"inject","z":"d3d8a490d0e9960a","name":"Test1","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{\"title\":\"validation1\",\"file\":\"pass\"},…

After updating D2 to version 1.13 (I guess my previous version was 1.10), template shows treeview with missing icons for slots with children: [image] So I think the issue is vuetify components itself, but I don't know what was the difference between releases

We did do a version update for Vuetify, so that could be a problem. Have a look at Vuetify's bugs/issues to see if its been reported

It has been reported and been resolved [Bug Report][3.6.9] VTreeview: Append/Prepend Slots not usable on parent nodes when activatable opened 02:02PM - 14 Jun 24 UTC (UTC) closed 03:48PM - 09 Jul 24 UTC (UTC) …

Thanks, in that case, suggests we just need another version bump of Vuetify. We are on 3.6.9 at the moment, will check what this ended up getting bundled into

Node-RED

Node-RED Forum

Add icon in treeview parent

Dashboard

KarolisL 16 July 2024 08:59 3

I just really thought it would work, because it works for non extendable children. But once you have children icon is not added

BTW Thanks for taking a look into this

Topic		Replies	Views
Dashboard 2.0 - Viewtify treeview Dashboard dashboard-2	3	289	1 March 2024
Dashboard2/Vuetify/Icons How to use? Dashboard dashboard-2	2	224	10 April 2025
Dashboard 2.0 icons in html-template-node Dashboard dashboard-2	4	808	5 August 2025
Data table slot dashboard2 Dashboard dashboard-2	1	60	20 August 2025
Dashboard 2.0 - UI Template Dashboard node-red-dashboard , dashboard-2	2	739	11 February 2025

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Add icon in treeview parent

Related topics