{"id":574,"date":"2013-11-13T10:04:19","date_gmt":"2013-11-13T10:04:19","guid":{"rendered":"http:\/\/mindfusion.eu\/blog\/?p=574"},"modified":"2021-01-08T16:00:53","modified_gmt":"2021-01-08T16:00:53","slug":"mindfusion-diagramming-for-javascript-v1-6-1","status":"publish","type":"post","link":"https:\/\/mindfusion.dev\/blog\/mindfusion-diagramming-for-javascript-v1-6-1\/","title":{"rendered":"MindFusion.Diagramming for JavaScript, V1.6.1"},"content":{"rendered":"<p>MindFusion has just released a new version of its Diagramming library for JavaScript. Here is an overview of the new features:<\/p>\n<p><strong>ContainerNode Improvements<\/strong><\/p>\n<ul>\n<li>Child nodes are now drawn by their containers; when containers overlap, the children of a lower container cannot appear in front of the upper container anymore.<\/li>\n<li>The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_ContainerNode_setClipChildren_1_Boolean.htm\">ClipChildren<\/a> property specifies whether to clip child items to container&#8217;s boundaries.<\/li>\n<li>The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_DiagramItem_setZIndex_1_Number.htm\">ZIndex<\/a> property no longer changes automatically when dropping nodes into a container.<\/li>\n<li>The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_DiagramItem_setVisible_1_Boolean.htm\">Visible<\/a> property of child items no longer changes when folding or unfolding containers; this lets you keep invisible items inside containers.<\/li>\n<\/ul>\n<div id=\"attachment_579\" style=\"width: 609px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/11\/js_container_nodes.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-579\" class=\"size-full wp-image-579\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/11\/js_container_nodes.png\" alt=\"Container nodes in Diagramming for JavaScript.\" width=\"599\" height=\"631\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/11\/js_container_nodes.png 599w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/11\/js_container_nodes-284x300.png 284w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><\/a><p id=\"caption-attachment-579\" class=\"wp-caption-text\">Container nodes in Diagramming for JavaScript.<\/p><\/div>\n<p><strong>Miscellaneous<\/strong><\/p>\n<ul>\n<li>The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_Diagram_setLinkHitDistance_1_Number.htm\">LinkHitDistance<\/a> property lets you specify the furthest distance from links that a click would be considered a hit.<\/li>\n<li>The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_DiagramItem_setHyperLink_1_String.htm\">HyperLink<\/a> property lets you associate an URL with diagram items.<\/li>\n<li><a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_DiagramNode_setEnabledHandles_1_AdjustmentHandles.htm\">EnabledHandles<\/a> lets you enable or disable individual adjustment handles of nodes.<\/li>\n<li>The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_Diagram_arrangeLinkLabels_0_0.htm\">arrangeLinkLabels<\/a> method rearranges link labels whose <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_LinkLabel_setAutoArrange_1_Boolean.htm\">AutoArrange<\/a> flag is set.<\/li>\n<\/ul>\n<div id=\"attachment_578\" style=\"width: 878px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/11\/js_connectors.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-578\" class=\"size-full wp-image-578\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/11\/js_connectors.png\" alt=\"Connectors in Diagramming for JavaScript\" width=\"868\" height=\"720\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/11\/js_connectors.png 868w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/11\/js_connectors-300x248.png 300w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/a><p id=\"caption-attachment-578\" class=\"wp-caption-text\">Connectors in Diagramming for JavaScript<\/p><\/div>\n<p>The trial version of the new Diagramming for JavaScript release is available for direct download from the following link:<\/p>\n<p align=\"center\"><a href=\"https:\/\/mindfusion.dev\/JsDiagramTrial.zip\">Download MindFusion.Diagramming for JavaScript Library 1.6.1<\/a><\/p>\n<p>We have always taken special effort in providing quality technical support to all our clients and evaluators. You can write us at e-mail <a href=\"mailto:support@mindfusion.dev?subject=contact information from web site&amp;body=Please, remember to add mindfusion.dev to your email whitelist. We usually reply to all contact inquiries within 3 to 4 hours. In case you have not received an answer in 24 hours, the email most likely has been filtered by an anti-spam software running at your mail server. Thank you for the understanding!\" target=\"_parent\" rel=\"noopener noreferrer\">support@mindfusion.dev<\/a> or use the <a title=\"Help Desk\" href=\"http:\/\/www.mindfusion.dev\/HelpDesk\/index.php\" target=\"_parent\" rel=\"noopener noreferrer\">help desk.<\/a> You can use the JsDiagram section on <a href=\"http:\/\/mindfusion.dev\/Forum\/YaBB.pl?board=jsdiag_disc\" target=\"_parent\" rel=\"noopener noreferrer\">MindFusion forum<\/a> to post questions about the tool.<\/p>\n<p><em>About Diagramming for JavaScript Library:<\/em> Written 100% in JavaScript, this tool uses HTML5 Canvas to draw impressive diagrams, schemes, flowcharts, trees and many more. It is browser independent, easy to use and integrate into any web application. JsDiagram supports a variety of predefined node shapes, customizable links, rich event set and many appearance options. The user interaction model includes resizing \/ moving \/ selecting and modifying any diagram element.<\/p>\n<p>The tool boasts an elegant API, which is documented in details as well numerous step-by-step guides and tutorials. Various samples are provided to let you learn quickly how to use the most important features of the library &#8211; check them <a href=\"http:\/\/mindfusion.dev\/onlinedemo-jsdiagram.html\">here.<\/a> JsDiagram is not only the perfect choice for creating any type of diagram in the browser &#8211; it can also arrange it the way you wish with a mouse click using one of its automatic graph layout algorithms. For more details about the features of the component, please visit the <a href=\"http:\/\/mindfusion.dev\/features-jsdiagram.html\">features page.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>MindFusion has just released a new version of its Diagramming library for JavaScript. Here is an overview of the new features: ContainerNode Improvements Child nodes are now drawn by their containers; when containers overlap, the children of a lower container &hellip; <a href=\"https:\/\/mindfusion.dev\/blog\/mindfusion-diagramming-for-javascript-v1-6-1\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[2],"tags":[],"class_list":["post-574","post","type-post","status-publish","format-standard","hentry","category-product-releases"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p3RlKs-9g","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":4,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/574\/revisions"}],"predecessor-version":[{"id":2472,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/574\/revisions\/2472"}],"wp:attachment":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/media?parent=574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/categories?post=574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/tags?post=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}