1. Home
  2. Forum
  3. Angular - EJ 2
  4. MindMap

MindMap

I have been working on Org chart using Diagram control
Is there a way we can use MindMap for the same. We like the way it works in mindmap which is very intutive to use.
We would like to leverage it.
And can it be changed to show vertically?

I have the requirements in this thread     
https://www.syncfusion.com/forums/158537/diagram-events



Something similar to but vertically




8 Replies 1 reply marked as answer
NG Naganathan Ganesh Babu Syncfusion Team October 19, 2020 02:38 PM UTC

Hi Vin, 
 
We suggest you to change layout’s orientation type as vertical to achieve your requirement. Please refer to the below our UG documentation link. 
 
 
Regards, 
 
Naganathan K G 


NG Naganathan Ganesh Babu Syncfusion Team October 19, 2020 02:54 PM UTC

Hi Vin, 
 
In addition for previous update, if you need to use Mindmap instead of org-chart layout, we suggest you to set layout type as Mindmap to achieve your requirement. Please refer to the below online UG documentation link and demo sample link for mindmap. 
 
 
 
Regards, 
 
Naganathan K G 


VI vin October 20, 2020 01:09 AM UTC

I didn't get answer for my Q!!
How do i change this org chart to mindmap?
Project Name ==> Add node(options Epic, Feature, Activity)
can i get a sample?



AR Aravind Ravi Syncfusion Team October 20, 2020 09:41 AM UTC

Hi Vin, 
 
We have created a sample to arrange the layout from left to right. By using the layout orientation we can able to arrange the layout from left to right. To arrange layout from left to right set layout orientation as LeftToRight. So that layout gets arranged from left to right. Please refer to below code snippet and sample 
 
public layout = { 
    type: "HierarchicalTree", 
    verticalSpacing: 30, 
    orientation: "LeftToRight", 
    horizontalSpacing: 40, 
    enableAnimation: true 
  }; 
 
 
Regards 
Aravind Ravi 


VI vin October 21, 2020 01:19 AM UTC

Hi Ravi
I didnt ask for HierarchicalTree !!
I asked how to achieve mindmap like behaviour with current org chart 
And i don't want horizontal layout

AR Aravind Ravi Syncfusion Team October 21, 2020 08:40 AM UTC

Hi Vin, 
 
By default, in the diagram, mindmap layout gets arranged from LeftToRight only. We cannot able to arrange the mindmap layout from top to bottom. However, you can use the organizational chart instead of mind map. In the organizational chart you can able to arrange the layout from TopToBottom.  
 
 
Regards 
Aravind Ravi 


VI vin October 21, 2020 03:51 PM UTC

Ravi
with org chart,  can i have this delete and extend functionality
And when i click the right arrow extend, i want to show context menu


AR Aravind Ravi Syncfusion Team October 23, 2020 04:09 AM UTC

Hi Vin, 
 
We have created a sample to show user handle in the organizational chart. By using the userHandle properties of selected items we can able to show user handle for the node. When we click on the user handle , getCustomTool call back method gets triggered. In that function check the tool and perform the action for it. Please refer below code snippet 
 
public getCustomTool: Function = this.getTool.bind(this); 
  //Tool for Userhandles. 
  public getTool(action: string): void { 
    if (action === "rightHandle") { 
      //Open context Menu 
    } else if (action === "delete") { 
      this.diagram.remove(this.diagram.selectedItems.nodes[0]); 
      this.diagram.doLayout(); 
    } 
  } 
 
 
By default, in the diagram, context menu gets opened when we right click on the diagram. We do not have support to open the diagram context menu without right click on it. However,  by using the Syncfusion context menu component you can open and close the context menu whenever required. By using the open and close methods of context menu you can open and close the context menu. Please refer below UG documentation for how to open and close the context menu   
  
 
 
Regards 
Aravind Ravi 


Marked as answer
Loader.
Up arrow icon