What is the easiest method of getting all the incoming links to go into a node from the top middle, and all the outgoing links go out from a node from the bottom middle?

I have been messing with the setAnchorPoint(), but have been unsuccessful so far.

Hi Stoyo,

I have tried this, and it doesnt seem to work. I thought this was because I am setting the layout to flowchart afterwards, but removing this didnt help. I have also tried all the options for Diagram-RoutingOptions-Anchoring with no success. Can you help?

Here is my code:

<ndiag:DiagramView
                           ID="DiagramView1"
                           runat="server"
                           ClientSideMode="JavaApplet"
                           Height="600px"
                           Width="100%"
                           JarLocation="JDiagram.jar"
                           AllowInplaceEdit="true"
                           Behavior="Modify"
                           Diagram-RoutingOptions-Anchoring="Reassign"
                           Diagram-AllowSelfLoops="false"
                           Diagram-AllowSplitLinks="false"
                           Diagram-AllowUnanchoredLinks="false"
                           Diagram-AllowUnconnectedLinks="false"
                           Diagram-AutoResize="AllDirections"
                           AppletStartedScript="onAppletStarted"
                           NodeCreatedScript="onNodeCreated"
                           DelKeyAction="DeleteSelectedItems">
                           <Diagram LinkHeadShape="Triangle" AlignToGrid="False" AllowLinksRepeat="False"
                               BackBrush="s:#FFE3E3E3" DefaultShape="Rectangle" LinkBrush="s:#FFABABAB"
                               LinkSegments="2" LinkStyle="Cascading" />
                   </ndiag:DiagramView>











<script type="text/javascript">

       var applet;
       var diagram;
       var script;


       function initialiseVariables()
       {
           applet = <%= DiagramView1.AppletElement %>;
           diagram = applet.getDiagram();
           script = applet.getScriptHelper();
       }

       function onAppletStarted() {
           initialiseVariables();
       }
      

       function onNodeCreated(sender, args)
       {
           initialiseVariables();
           var node = args.getNode();

       var r = node.getBounds();
       var point = script.createPointF(
       r.getX() + r.getWidth() / 2,
       r.getY() + r.getHeight() / 2);

       var nodes = diagram.getNodesAt(point);

       if (nodes.size() < 2) {
               diagram.getNodes().remove(args.getNode());
           }  else {
       diagram.getFactory().createDiagramLink(nodes.get(1), args.getNode());

               //Set the numbering
               var link = node.getIncomingLinks().get(0);
               var parentNode = link.getOrigin();
               var siblingsCount = parentNode.getOutgoingLinks().size();
               //Already added this link, so dont increment the siblingsCount
               node.setTag(parentNode.getTag() + '.' + (parseInt(siblingsCount)));
              
               //Set the ID for the shape
               var shapeId = diagram.getTag();
               node.setId(shapeId);
               diagram.setTag(parseInt(shapeId) + 1);

               //Set the anchoring
               var pattern = script.anchorPatternFromId("TopInBottomOut");
               node.setAnchorPattern(pattern);

               redrawLayout(diagram);

           }
       }


       function redrawLayout()
       {
           var diag = applet.getDiagramView().getDiagram();
           var tl = applet.getScriptHelper().createFlowchartLayout();
           tl.arrange(diag);
       }
   


</script>

Hi Meppy,

That hasnt work. Is there anything else I am missing?

Is there any other diagram type I can use to get the image to look like this:

http://imageshack.us/photo/my-images/263/teaqg.jpg/