This template allows you to get a quick list of element class names along with their ID.
This may help in debugging where you have a large project with a lot of class names and you may have reused a name by mistake.
As in this feature request:
The template has a DUMMY SCENE for demonstration which has some example elements with class names and ids.
And a CLASSLIST scene which is where when select it and Preview current Scene in Browser we can click the update button and it will display a scrollable list of sorted classes and their ids.
You can replace the first scene with your own scenes. And remove the CLASSLIST scene when your project is completed.
So I could not resist trying to be able to click on an item in the class list and highlighting the corresponding element.
This template does that
There is now an highlight link under each class. Clicking it will place a red outline around the element.
When you click a highlight link for an element that is not on the the current scene, the element is still highlighted .
You can navigate through the scenes to look for it.
Toggling the class list display off will remove all outlines.
Clicking another highlight link will remove all outlines and then outline the corresponding element.