Is there a way to make the nodes in the NodeListView to appear side by side(vertically) instead of horizontal?

This version adds NodeListView.Orientation property:
https://mindfusion.eu/_beta/jsdiag_241.zip

At this time it works only before adding nodes to the view:

var Orientation = MindFusion.Diagramming.Orientation;
nodeList.setOrientation(Orientation.Horizontal);
nodeList.addNode(...); 

New version also has some classes moved to common.js, which you must load before diagramming.js:

<script src="MindFusion.Common.js" type="text/javascript"></script>
<script src="MindFusion.Diagramming.js" type="text/javascript"></script> 

I hope that helps,
Stoyan

It's not possible out of the box. Perhaps you could create a separate NodeListView for each row if you won't need scrolling in that format?

You could enable ShapeNode.Transparent property to hide the node's geometry, leaving only image and text visible. Either set ImageAlign and LineAlignment properties to place image at top and text at bottom, or set their positions as shown in this post:
http://mindfusion.eu/Forum/YaBB.pl?num=1439580359/1#1

If you prefer using a custom node type, follow tutorial 3 but render a single text field with appropriate cooridnates, again setting Transparent of base ShapeNode class to hide bounding rectangle.

I hope that helps,
Stoyan

setPadding works for me, but it too should be called before addNode methods. We'll try to fix property setters for official release to invalidate NodeListView layout, so you'll be able to change properties even after the list is populated. If at this time you need to let users change such settings at runtime, you will need to rebuild the list by calling NodeListView.clearAll and then adding the nodes again.

I hope that helps,
Stoyan

I could not get this to run, but I think the problem in code from txt file is that the OrgChartNode constructor function is defined locally inside your ready handler, while it should be accessible in global context by same name you pass to RegisterClass. That name is saved as class identifier in clipboard's Json data, and when pasting later the diagram will try to instantiate nodes by finding that constructor by name and calling it.

So try moving the OrgChartNode definition outside the "ready" handler. If you don't want to define classes in global context, you could create a namespace object and add them to it, then register the class by specifying namespace too, e.g. "mycompany.OrgChartNode".

I hope that helps,
Stoyan