I am using Mindfusion diagramming (Javascript). As part of a feature I need the ability to do a few things, none of which I can work out how to do.

1.      The ability to restrict the text inside the node to a single line. Currently it wraps if too long. I can’t see any way to set the style to something like “white-space: nowrap; overflow: hidden; text-overflow: ellipsis;”

2.      I would like the ability to set a top margin, so that even if text is multi-line, there is a space in the upper part of the node that remains empty.

3. If I can restrict to a single line, can I set the vertical alignment? I've tried the likes of..

diagramNode.setStyle('white-space: nowrap; overflow: hidden; text-overflow: ellipsis;');
diagramNode.setStyle('margin-top: 10px');
diagramNode.setTextPadding('1, 1, 1, 5');
diagramNode.setTextPadding(1, 1, 1, 5);

I may not be calling these correctly, its difficult to know as there is a severe lack of code samples.

Any help appreciated.

Derek.

Linked method has a new parameter, updated code for current version is -

var Text = MindFusion.Drawing.Text;
var originalGetLines = Text.prototype.getLines;
Text.prototype.getLines = function (context, rect)
{
	var wrappedLines = originalGetLines.apply(this, [context, rect]);
	if (wrappedLines.length < 2)
		return wrappedLines;

	var line = wrappedLines[0];
	line += " ...";
	this.lines = [line];
	return this.lines;
};