Hi,
Where can I find the connections between the "Tag Brows Tree" component and icons used for folders & tags?
Below is a picture how my Tag Browse Tree look like.
The Icons are missing and I'm not able to drill down into the different folders.
I suspect that the link between the component and the icon path have been corrupt and that's way I can't browse any more. Any Tag Browse Tree component I drag into a view looks like this an non of them works.
If you have any idea on how to fix this your help would be very appreciated, thanks in advance!
Best regards,
Rickard
Are you modifying the icons from their default settings? You can use the Developer Tools available to all browsers to examine the HTML of the page, and within find the library and name in use for the icons. Right-click where an icon should be and select Inspect Element. This will open a section of the browser which allows for inspecting the HTML elements present on the page, and it should be focused on the element which was right-clicked. You'd be looking for an <svg> element with <g> children. This is an icon from a Tree in my Session:
<svg viewBox="0 0 24 24" class="expand-icon ia_treeComponent__expandIcon ia_treeComponent__expandIcon--expanded" data-icon="material/arrow_drop_down" style="fill: rgb(134, 157, 177);">
<g>
<g class="icon" id="arrow_drop_down">
<path d="M7 10l5 5 5-5z"></path>
</g>
</g>
</svg>
The most important attribute (on the rendering side) is the id attribute of the most deeply nested <g> element, though for our intents and purposes the data-icon attribute should suffice (because it exposes the library in use for testing purposes).