I am trying a version of the TreeLayout sample. The caption is appearing behind the icon (see screen capture). I do not see any NodeListView members that would allow anchoring or repositioning of the caption. It seems like the caption should automatically anchor to the side of the caption. Am I missing something?

That is what is so perplexing for me. When it comes to the Mindfusion calls, I am not seeing any difference. So it is working for you. I guess I need to see if I can get the sample to work as-is and go from there.


           // non-drug printed components
           var node = new MindFusion.Diagramming.ShapeNode(compList);
           
           node.setShape("Rectangle");
           node.setImageLocation('ux/images/carton.png');
           compList.addNode(node, 'Carton');
           
           // drug products
           if (drgprdMap != null){
                 for (const [dp, attrMap] of Object.entries(drgprdMap)){
                       node = new MindFusion.Diagramming.ShapeNode(compList);
                       
                       node.setShape("Rectangle");

                       if (attrMap.container == 'VIAL'){
                             node.setImageLocation('ux/images/vial.png');
                       }
                       else if (attrMap.container == 'SYRINGE'){
                             node.setImageLocation('ux/images/syringe.png');
                       }
                       else if (attrMap.container == 'BOTTLE'){
                             node.setImageLocation('ux/images/bottle.png');
                       }

                       node.setText(dp);
                       compList.addNode(node, dp);
                 }
           }

We are using version 3.5.1.

This is the div we have for the NodeListView panel. The parent panel width is 170.


<div style="position: absolute; top: 0px; bottom: 0px; right: 0px; width: 160px; overflow: hidden; height: 100%"><canvas id="compList"></canvas></div>

I replaced the MindFusion.Common.js and Mindfusion.Diagraming.js with the ones in the example and that fixed the problem. Verified by substituting with original libraries and problem returned. I wonder what version I actually have?

Interesting.... the libraries in versions 3.5.1, 3.5.3 and the attachment did not work. Only the ones in the example.