{"id":1220,"date":"2015-06-19T14:08:48","date_gmt":"2015-06-19T14:08:48","guid":{"rendered":"http:\/\/mindfusion.eu\/blog\/?p=1220"},"modified":"2015-06-25T08:46:53","modified_gmt":"2015-06-25T08:46:53","slug":"diagramming-for-javascript-v2-4","status":"publish","type":"post","link":"https:\/\/mindfusion.dev\/blog\/diagramming-for-javascript-v2-4\/","title":{"rendered":"Diagramming for JavaScript, V2.4"},"content":{"rendered":"<p>The new version of Diagramming for JavaScript library is out! Here is an overview of the new features:<\/p>\n<p><strong>Appearance improvements<\/strong><\/p>\n<ul>\n<li>You can now set the Shape property of tables and containers to RoundedRectangle and render them with rounded corners.<\/li>\n<li>It is possible to hide the frames of table cells by setting the CellFrameStyle property to None.<\/li>\n<li>You can now set the EnableStyledText property of TableNode class to render styled text in tables.<\/li>\n<\/ul>\n<div id=\"attachment_1227\" style=\"width: 672px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/06\/javascript_diagram_table_nodes.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1227\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/06\/javascript_diagram_table_nodes.png\" alt=\"JavaScript Diagram Library: Table Nodes\" width=\"662\" height=\"233\" class=\"size-full wp-image-1227\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/06\/javascript_diagram_table_nodes.png 662w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/06\/javascript_diagram_table_nodes-300x106.png 300w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/06\/javascript_diagram_table_nodes-500x176.png 500w\" sizes=\"auto, (max-width: 662px) 100vw, 662px\" \/><\/a><p id=\"caption-attachment-1227\" class=\"wp-caption-text\">JavaScript Diagram Library: Table Nodes<\/p><\/div>\n<p><strong>New events<\/strong><\/p>\n<ul>\n<li>The control raises cellTextEdited event when users edit the text of table cells.<\/li>\n<li>The createEditControl event lets you create custom DOM element or fragment to use as in-place text editor.<\/li>\n<li>NodeListView raises nodeSelected event when the user selects a node.<\/li>\n<\/ul>\n<p><strong>Miscellaneous<\/strong><\/p>\n<ul>\n<li>jQuery mode is now the default and all sample projects have been updated to use jQuery. To continue using the Microsoft Ajax library, set MindFusionImpl = &#8220;MsAjax&#8221; before loading Diagramming.js<\/li>\n<li>the loadFromXml method of Diagram class lets you load XML files created by MindFusion diagram controls for other platforms.<\/li>\n<li>fixed setZoomFactorPivot bug in virtual scroll mode.<\/li>\n<\/ul>\n<p>Registered customers with an active upgrade subscription can download the licensed version from the <a href=\"http:\/\/clientsarea.eu\/\">clients area<\/a> on our site.<\/p>\n<p>A trial version is available for direct download from the following link:<\/p>\n<p align=\"center\">Download MindFusion Diagramming Library for JavaScript, V2.4<\/p>\n<p>We are glad to receive any comments, suggestions and feedback. 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\">support@mindfusion.dev<\/a> or use the <a href=\"http:\/\/www.mindfusion.dev\/HelpDesk\/index.php\" title=\"Help Desk\" target=\"_parent\">help desk.<\/a> You can use the JsDiagram section on <a href=\"http:\/\/mindfusion.dev\/Forum\/YaBB.pl?\nboard=jsdiag_disc\" target=\"_parent\">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. <\/p>\n<p>The user interaction model includes resizing \/ moving \/ selecting and modifying any diagram element. 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\/jsdiagram.html\">Diagram for JavaScript page.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The new version of Diagramming for JavaScript library is out! Here is an overview of the new features: Appearance improvements You can now set the Shape property of tables and containers to RoundedRectangle and render them with rounded corners. It &hellip; <a href=\"https:\/\/mindfusion.dev\/blog\/diagramming-for-javascript-v2-4\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","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":[95,2],"tags":[321,85,80,42,84,25],"class_list":["post-1220","post","type-post","status-publish","format-standard","hentry","category-diagramming-2","category-product-releases","tag-ajax","tag-events","tag-javascript","tag-jquery","tag-nodes","tag-tables"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p3RlKs-jG","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/1220","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=1220"}],"version-history":[{"count":3,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/1220\/revisions"}],"predecessor-version":[{"id":1228,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/1220\/revisions\/1228"}],"wp:attachment":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/media?parent=1220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/categories?post=1220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/tags?post=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}