We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

MindMap add image

Thread ID:

Created:

Updated:

Platform:

Replies:

130378 May 10,2017 03:43 AM May 23,2017 09:45 PM JavaScript 7
loading
Tags: ejDiagram
Chen Po-Wen
Asked On May 10, 2017 03:43 AM

Hi,
How to add/delete image node to MindMap ?



Attachment: MindMap_sample_bc9f2ec2.zip

Shyam G [Syncfusion]
Replied On May 11, 2017 01:51 AM

Hi Chen Po-Wen, 

Please use add API method to add a nodes/connectors at runtime and remove API method to delete the nodes/connectors at runtime. We have created a mind map sample in which we draw the imageNode by clicking  leftextendtool and rightextendtool in the userhandle. Also we have a delete userhandle which removes the selected node. 



Regards, 
Shyam G 


Chen Po-Wen
Replied On May 11, 2017 03:43 AM

Hi Shyam,

Thank you for your reply.

I have the following questions.

1.Can mindmap node drag to any place i want?  (root node or child node)
2.How to save mindmap structure to Json file, after finish drawing the mindmap.
3.How to Collapse/Expand  mindmap subtree.
4.How to cut/copy/paste  mindmap node.

Thank you.

Shyam G [Syncfusion]
Replied On May 12, 2017 07:22 AM

Hi Chen Po-Wen, 
 
Query 
Response 
.Can mindmap node drag to any place i want?  (root node or child node) 
In the mindmap sample, we have disabled node drag constraints. Now we have removed it in sample and provided the JSPlayground link below. 
How to save mindmap structure to Json file, after finish drawing the mindmap. 
Please use diagram’s save method which returns the serialized JSON object and you can convert it to JSON string and save it in the database/application/local storage. 
 
How to Collapse/Expand  mindmap subtree. 
In the mindmap sample, we have used click event to perform expand/collapse. Please refer to the JSPlayground link below. 
How to cut/copy/paste  mindmap node. 
Please use keyboard command ctrl+x, ctrl+c and ctrl+v to perform cut, copy and paste operations. Also you can use diagram’s client side API method cut, copy and paste to perform clipboard operations. Please refer to the help documentations 
 
 
 
Regards, 
Shyam G 


Chen Po-Wen
Replied On May 16, 2017 12:21 AM

Hi Shyam,Thank you for your reply.I still have the following questions.1.Cut a  subtree and paste into another node in mindmap not really working well in your JSPlayground link.2.How to drag one node and all of the child Nodes move together?3.How to turn left and subleft type subtree to right and subright subtree in mindmap.4.How to dynamic add multiple root and node in mindmap.5.How to collapse mindmap nodes  and mark as "..." to show if the node still has child nodes.6.How to add video node in mindmap.Thank you.

Shyam G [Syncfusion]
Replied On May 22, 2017 12:55 AM

Hi Chen Po-Wen, 
 
Query 
Response 
Cut a  subtree and paste into another node in mindmap not really working well in your JSPlayground link 
Please confirm us when we cut a subtree and paste it into another node, then the whole subtree should be layout with the pasted node. 
How to drag one node and all of the child Nodes move together? 
We can use diagram’s client side drag event to drag a node with the childnodes. 
How to turn left and subleft type subtree to right and subright subtree in mindmap 
Please confirm us whether you need all nodes should be aligned only on the right side not in the left side. 
How to dynamic add multiple root and node in mindmap 
Currently we don’t have support to add multiple root node. We have already logged as a feature and provided the feature link below. 
How to collapse mindmap nodes  and mark as "..." to show if the node still has child nodes
We can use node’s expandIcon, collapseIcon property to achieve your requirement. Please refer to the help documentation below. 
 
How to add video node in mindmap
We can create video node as an HTML node. Please refer to the help documentation which shows how to create a HTML node. 
 
 
Once you confirm the above requirement, we will create a sample with all your requirements. 
 
Regards, 
Shyam G 


Chen Po-Wen
Replied On May 22, 2017 09:02 PM

Hi Shyam,Thank you for your reply.

Query 
Response 

Cut a  subtree and paste into another node in mindmap not really working well in your JSPlayground link 
Please confirm us when we cut a subtree and paste it into another node, then the whole subtree should be layout with the pasted node. 
Yes.
How to drag one node and all of the child Nodes move together? 
We can use diagram’s client side drag event to drag a node with the childnodes. 
Yes. Drag one node and move all child node Simultaneously.
How to turn left and subleft type subtree to right and subright subtree in mindmap 
Please confirm us whether you need all nodes should be aligned only on the right side not in the left side. 
Yes. Can it switch node with child nodes's side dynamically?
How to dynamic add multiple root and node in mindmap 
Currently we don’t have support to add multiple root node. We have already logged as a feature and provided the feature link below. 
Can you add child node in mindmap dynamic with offsetX offsetY ?
How to collapse mindmap nodes  and mark as "..." to show if the node still has child nodes
We can use node’s expandIconcollapseIcon property to achieve your requirement. Please refer to the help documentation below. 
 
Thank you. I will try it.
How to add video node in mindmap
We can create video node as an HTML node. Please refer to the help documentation which shows how to create a HTML node. 
 
Thank you. I will try it.
 


Shyam G [Syncfusion]
Replied On May 23, 2017 09:45 PM

Hi Chen Po-Wen, 
 
Query 
Response 
Cut a  subtree and paste into another node in mindmap not really working well in your JSPlayground link  
We have used command manager to perform clipboard operations(cut,paste). Please refer to the JSPlayground link below 
How to drag one node and all of the child Nodes move together?  
We can use diagram’s client side drag event to drag a node with the childnodes. Please refer to the JSPlayground link below 
How to turn left and subleft type subtree to right and subright subtree in mindmap 
We have aligned subtree in the right side of mindmap. 
Can you add child node in mindmap dynamic with offsetX offsetY ? 
Please use diagram’s add method to add node dynamically. Please refer to the JSPlayground link in which you click on the updateNode button to add the node dynamically. 
 
 
Regards, 
Shyam G 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;