{"id":43,"date":"2013-03-15T09:19:29","date_gmt":"2013-03-15T09:19:29","guid":{"rendered":"http:\/\/mindfusion.eu\/blog\/?p=43"},"modified":"2021-01-08T15:07:09","modified_gmt":"2021-01-08T15:07:09","slug":"diagramming-2","status":"publish","type":"post","link":"https:\/\/mindfusion.dev\/blog\/diagramming-2\/","title":{"rendered":"Diagramming for ASP.NET 5.0"},"content":{"rendered":"<p>MindFusion has released a new version of its Diagramming for ASP.NET component. There are many new features for customizing the appearance, a new layout and a few enhancements. Here are the details:<\/p>\n<p><strong>Styles &amp; Themes<\/strong><\/p>\n<p>You can apply now styles to change the appearance of the diagram items. Each style is a set<br \/>\nof properties, which can be applied to a given diagram item (with the DiagramItem.Style<br \/>\nproperty) or to all items of a specific type (by using a Theme). The theme is a collection of<br \/>\nstyles. Each style in the theme sets the appearance of all items of a specific type. Themes<br \/>\ncan be loaded from XML files.<\/p>\n<div id=\"attachment_50\" style=\"width: 418px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/slate_theme.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-50\" class=\"size-full wp-image-50 \" style=\"margin-top: 10px; margin-bottom: 10px;\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/slate_theme.png\" alt=\"The Slate Theme\" width=\"408\" height=\"281\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/slate_theme.png 408w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/slate_theme-300x206.png 300w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><\/a><p id=\"caption-attachment-50\" class=\"wp-caption-text\">The Slate Theme<\/p><\/div>\n<p><strong>Node effects<\/strong><br \/>\n(n.a. in Canvas mode)<\/p>\n<p>Two visual effects &#8211; the GlassEffect and the AeroEffect can be applied to nodes. Effects can<br \/>\nbe added, removed or modified at any time and this reflects immediately on the diagram. You<br \/>\ncan apply effects of different types simultaneously.<\/p>\n<p><strong>One way graph layout<\/strong><\/p>\n<p>This layout ensure that links enter into nodes from the same general direction and exit from<br \/>\nthe opposite side. If the graph contains cycles some links bend around the nodes to keep the<br \/>\nenter\/exit direction consistent. The algorithm aims to minimize the number of such links.<\/p>\n<div id=\"attachment_49\" style=\"width: 418px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/one_way_layout1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-49\" class=\"size-full wp-image-49\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/one_way_layout1.png\" alt=\"one_way_layout1\" width=\"408\" height=\"367\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/one_way_layout1.png 408w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/one_way_layout1-300x269.png 300w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><\/a><p id=\"caption-attachment-49\" class=\"wp-caption-text\">The One Way Graph Layout<\/p><\/div>\n<p><strong>Enhancements in Canvas mode<\/strong><\/p>\n<ul>\n<li>Items can cast shadows<\/li>\n<li>Items can be Locked<\/li>\n<li>Containers are available in Canvas mode<\/li>\n<li>Tables are available in Canvas mode<\/li>\n<li>Tooltips for items<\/li>\n<li>and more<\/li>\n<\/ul>\n<p><strong>Enhancements in ImageMap mode<\/strong><\/p>\n<ul>\n<li>Items can be Locked<\/li>\n<li>Interactive rotation of nodes<\/li>\n<li>ImageFormat property added to ShapeListBox<\/li>\n<li>and more<\/li>\n<\/ul>\n<p><strong>Multiple Labels per Link<\/strong><br \/>\n(n.a. in Canvas mode)<br \/>\nThe LinkLabels class allows multiple captions to be displayed for a single DiagramLink instance.<br \/>\nLink labels provide a set of properties that allow full customization of their location and<br \/>\nappearance. Labels support automatic arrangement to avoid overlapping nodes or other<br \/>\nlabels.<\/p>\n<p><strong>Layers<\/strong><br \/>\n(n.a. in Canvas mode)<br \/>\nItems can be assigned to layers and layers can be hidden, locked or moved up\/down in the<br \/>\nZ-order or as a group. Use the LayerIndex property to associate and item with a layer in the<br \/>\nDiagram.Layers collection. Each layer has Visible, Locked and ZIndex properties, which affect<br \/>\nall items in the layer.<\/p>\n<p><strong>Parallel Layouts<\/strong><br \/>\nThe .NET 4 version of Diagramming for ASP.NET takes advantage of the Task Parallel Library<br \/>\nto enable parallelism on the different layout algorithms. Set the EnableParallelism property of<br \/>\nthe Layout class to true to enable arranging different sub graphs on different threads to<br \/>\nimprove performance on multiprocessor systems.<\/p>\n<p><strong>Magnifier<\/strong><br \/>\n(in Java and Silverlight modes)<br \/>\nThe new magnifier tool allows user to interactively zoom in or zoom out portions of the<br \/>\ndiagram by holding down a magnifier tree or pressing a mouse button. The magnifier&#8217;s<br \/>\nappearance and zoom factor can be customized.<\/p>\n<div id=\"attachment_60\" style=\"width: 418px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/magnifier1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-60\" class=\"size-full wp-image-60 \" style=\"margin-top: 10px; margin-bottom: 10px;\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/magnifier1.png\" alt=\"The Magnifier Tool\" width=\"408\" height=\"255\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/magnifier1.png 408w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/magnifier1-300x187.png 300w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><\/a><p id=\"caption-attachment-60\" class=\"wp-caption-text\">The Magnifier Tool<\/p><\/div>\n<p><strong>API changes<\/strong><br \/>\nA variety of changes have been made to the API of the control to keep it elegant and simple &#8211; please consult the <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/CC_What_s_new_in_this_release_2.htm\">&#8220;What&#8217;s new section&#8221;<\/a> in the online documentation.<\/p>\n<p>Detailed information about the release is posted at the <a title=\"News Page\" href=\"http:\/\/mindfusion.dev\/Forum\/YaBB.pl?num=1360850453\">forum.<\/a> The trial version is available for direct download from the link below:<\/p>\n<p align=\"center\"><a title=\"Download\" href=\"https:\/\/www.mindfusion.dev\/NetDiagramTrial.zip\">Download MindFusion.Diagramming for ASP.NET 5.0<\/a><\/p>\n<p><i>About Diagramming for ASP.NET:<\/i> An advanced WebForms programming component that offers all the functionality that is needed for creating, styling and presenting attractive flowcharts, hierarchies, trees, graphs, schemes, diagrams and many more. The control offers numerous utility methods, path finding and cycle detection, rich event set and many useful user interaction features like tool tips, multiple selection, copy\/paste to\/from Windows clipboard and many more.<\/p>\n<p>NetDiagram offers 87 predefined node shapes, scrollable tables, 13 automatic layouts and many more. You can check the <a class=\"link04\" href=\"http:\/\/mindfusion.co\/demos\/\" target=\"_parent\" rel=\"noopener noreferrer\">online demo<\/a> to see some of the features in action. The control includes many samples, detailed documentation and step-by-step tutorials. Every features is duly documented and there&#8217;s plenty of code to copy. We have done our best to make the component not only powerful and scalable, but easy to learn and fun to use.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>MindFusion has released a new version of its Diagramming for ASP.NET component. There are many new features for customizing the appearance, a new layout and a few enhancements. Here are the details: Styles &amp; Themes You can apply now styles &hellip; <a href=\"https:\/\/mindfusion.dev\/blog\/diagramming-2\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":50,"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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[2],"tags":[7,10,3,4,5,17,6,16,8,9],"class_list":["post-43","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-releases","tag-asp-net","tag-canvas","tag-diagram","tag-flowchart","tag-graph","tag-layer","tag-layout","tag-magnifier","tag-style","tag-theme"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/02\/slate_theme.png","jetpack_shortlink":"https:\/\/wp.me\/p3RlKs-H","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/43","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=43"}],"version-history":[{"count":21,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions"}],"predecessor-version":[{"id":2418,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions\/2418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/media\/50"}],"wp:attachment":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}