Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic Node and Link Text Positioning (Read 3155 times)
Mark M.
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 6
Joined: Apr 12th, 2013
Node and Link Text Positioning
Apr 19th, 2013 at 9:25am
Print Post  
Hi,
    We are trying out Mind Fusion for ASP.Net MVC. We are having problems with position node and link texts in the diagram. They are appearing on top of node icons and links and most of the time, the diagram is not readable. We have attached a screenshot of our current situation. Could you advise us how we should go about making the diagram neat and readable? Thanks in advance!
  

mind_fusion_layout_fix.JPG (Attachment deleted)
Back to top
 
IP Logged
 
Stoyo
God Member
*****
Offline


MindFusion support

Posts: 13230
Joined: Jul 20th, 2005
Re: Node and Link Text Positioning
Reply #1 - Apr 19th, 2013 at 11:39am
Print Post  
Hi,

For nodes you could make their height large enough to fit both image and text, set ImageAlign to TopCenter, and TextFormat.LineAlignment to Far (that's .NET code on server, otherwise call node.setLineAlignment() on client).

You could also move labels below nodes with some custom drawing in JavaScript:

Code
Select All
node.onUpdateVisuals = onUpdateVisuals;
node.invalidate();

function onUpdateVisuals(node)
{
	var bounds = node.getBounds();
	node.text.y = bounds.bottom();
	node.text.lineAlignment = Alignment.Near;
} 



There is no way to specify link labels position at this time without custom drawing, but we'll release version supporting multiple labels per link in JavaScript in a couple of weeks (they are already available in our .NET libraries), and they can be placed at custom positions or auto-arranged to avoid overlapping.

I hope that helps,
Stoyan
« Last Edit: Apr 19th, 2013 at 12:42pm by Stoyo »  
Back to top
 
IP Logged
 
Stoyo
God Member
*****
Offline


MindFusion support

Posts: 13230
Joined: Jul 20th, 2005
Re: Node and Link Text Positioning
Reply #2 - Apr 26th, 2013 at 4:02pm
Print Post  
This version adds support for the LinkLabel class in JavaScript:
https://mindfusion.eu/_beta/MvcDiagram15.zip

It has been available for some time in our .NET libraries so it's already been imported in the MvcDiagram help reference:
AddLabel method
LinkLabel class

I hope that helps,
Stoyan
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint