Hi,

This sets the style of a single node:

var Style = MindFusion.Diagramming.Style;

var style = new Style();
style.setBrush("Orange");
node.setStyle(style); 

This sets the style of all ShapeNodes via a theme:

var Theme = MindFusion.Diagramming.Theme;

var theme = new Theme();
theme.styles["std:ShapeNode"] = style;
diagram.setTheme(theme); 

You can set style properties via the setBrush, setStroke, setStrokeThickness, setTextColor, setFontName, setFontSize, setShadowColor, setNodeEffects methods of the Style class.

I hope that helps,
Stoyan

Hi,

There is no built-in support for specifying per-shape styles. However, you could replace the ShapeNode's resolveStyle function with your own version that selects styles based on current shape:

var globalStyles = [];
globalStyles["Rectangle"] = new Style();
globalStyles["Rectangle"].setBrush("yellow");
globalStyles["Ellipse"] = new Style();
globalStyles["Ellipse"].setBrush("green");

var originalResolver = ShapeNode.prototype.resolveInheritedStyle;
ShapeNode.prototype.resolveInheritedStyle = function (check, theme)
{
	var styleForShape = globalStyles[this.getShape().getId()];
	if (styleForShape && check.apply(styleForShape))
		return styleForShape;

	return originalResolver.apply(this, [check, theme]);
}; 

resolveInheritedStyle is called with lowest priority after checking the node's own style, the diagram's style, and current theme. If you prefer the shape styles to have higher priority, replace the resolveEffectiveStyle function instead.

I hope that helps,
Stoyan