{"id":1411,"date":"2015-12-16T09:55:13","date_gmt":"2015-12-16T09:55:13","guid":{"rendered":"http:\/\/mindfusion.eu\/blog\/?p=1411"},"modified":"2021-01-20T17:09:07","modified_gmt":"2021-01-20T17:09:07","slug":"diagramming-for-asp-net-v5-5","status":"publish","type":"post","link":"https:\/\/mindfusion.dev\/blog\/diagramming-for-asp-net-v5-5\/","title":{"rendered":"Diagramming for ASP.NET, V5.5"},"content":{"rendered":"<p>Here is the list of the recent changes and additions to MindFusion WebForms Diagram control:<\/p>\n<p><strong>Resize table columns and rows<\/strong><\/p>\n<p>Note: This feature is not available in ImageMap mode.<\/p>\n<p>Columns and rows of a <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_TableNode.htm\">TableNode<\/a> can now be resized interactively if its <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_TableNode_AllowResizeColumns_0.htm\">AllowResizeColumns<\/a> or <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_TableNode_AllowResizeRows_0.htm\">AllowResizeRows<\/a> properties are enabled. In order to resize, move the mouse pointer to the border line on column&#8217;s right side or row&#8217;s bottom side until it shows resize cursor and start dragging. The control raises <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_DiagramView_TableColumnResizingScript_0.htm\">TableColumnResizing<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_DiagramView_TableRowResizingScript_0.htm\">TableRowResizing<\/a> events to let you validate new size or prevent resizing some elements. The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_DiagramView_TableColumnResizedScript_0.htm\">TableColumnResized<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_DiagramView_TableRowResizedScript_0.htm\">TableRowResized<\/a> events are raised after the operation completes.<\/p>\n<div id=\"attachment_1417\" style=\"width: 710px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/net_diagram_table_nodes.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1417\" class=\"size-full wp-image-1417\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/net_diagram_table_nodes.png\" alt=\"Diagramming for ASP.NET: Table Nodes\" width=\"700\" height=\"456\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/net_diagram_table_nodes.png 700w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/net_diagram_table_nodes-300x195.png 300w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/net_diagram_table_nodes-461x300.png 461w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><p id=\"caption-attachment-1417\" class=\"wp-caption-text\">Diagramming for ASP.NET: Table Nodes<\/p><\/div>\n<p><strong>Canvas mode improvements<\/strong><\/p>\n<ul>\n<li>Shape library files and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_DiagramView_ShapeLibraryLocation_0.htm\">ShapeLibraryLocation<\/a> properties of <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_WebForms_DiagramView.htm\">DiagramView<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_WebForms_ShapeListBox.htm\">ShapeListBox<\/a> can now be used in <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_WebForms_ClientSideMode.htm\">Canvas<\/a> mode.<\/li>\n<li>Items can now be deleted using Backspace key when running on Mac.<\/li>\n<li>Caption divider line in <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_TableNode.htm\">TableNode<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_ContainerNode.htm\">ContainerNode<\/a> is now rendered clipped when caption height is smaller than corner radius.<\/li>\n<li>The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_DiagramView_TooltipDelay_0.htm\">TooltipDelay<\/a> property specifies the delay in milliseconds before showing tooltips.<\/li>\n<li>The <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_NodeListView_Orientation_0.htm\">Orientation<\/a> property of <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_WebForms_NodeListView.htm\">NodeListView<\/a> lets you set the view&#8217;s orientation to Horizontal or Vertical (members of <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_Orientation.htm\">Orientation<\/a> enum).<\/li>\n<li>Fixed overlaps in client-side <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Graphs_TreeLayout.htm\">TreeLayout<\/a> when arranging nodes of different sizes.<\/li>\n<li>Fixed a bug where deserialization of custom item classes worked correctly only if their names contained Node or Link suffix.<\/li>\n<li><a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_DiagramView_MsAjaxLocation_0.htm\">MsAjaxLocation<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?P_MindFusion_Diagramming_WebForms_DiagramView_JQueryLocation_0.htm\">JQueryLocation<\/a> properties let you change the location of external script libraries.<\/li>\n<\/ul>\n<div id=\"attachment_1418\" style=\"width: 869px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/webforms_diagram_node_shapes.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1418\" class=\"size-full wp-image-1418\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/webforms_diagram_node_shapes.png\" alt=\"Diagramming for ASP.NET: Node Shapes\" width=\"859\" height=\"555\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/webforms_diagram_node_shapes.png 859w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/webforms_diagram_node_shapes-300x194.png 300w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2015\/12\/webforms_diagram_node_shapes-464x300.png 464w\" sizes=\"auto, (max-width: 859px) 100vw, 859px\" \/><\/a><p id=\"caption-attachment-1418\" class=\"wp-caption-text\">Diagramming for ASP.NET: Node Shapes<\/p><\/div>\n<p><strong>ImageMap mode improvements<\/strong><\/p>\n<ul>\n<li>Image generator implementation changed from Page to IHttpHandler , this makes it more lightweight avoiding the full page life-cycle.<\/li>\n<li>Image generation is now implemented by the built-in <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Common_WebForms_ImageHandler.htm\">ImageHandler<\/a> class inside <i>MindFusion.Common.WebForms<\/i> assembly and it no longer requires adding external .aspx file to the project. Instead, it can be listed in web.config file:\n<pre id=\"line1\">&lt;<span class=\"start-tag\">handlers<\/span>&gt;\n<span id=\"line270\"><\/span>    &lt;<span class=\"start-tag\">add<\/span> <span class=\"attribute-name\">name<\/span>=\"<a class=\"attribute-value\">ImageHandler<\/a>\" <span class=\"attribute-name\">path<\/span>=\"<a class=\"attribute-value\">ImageGen.ashx<\/a>\" <span class=\"attribute-name\">verb<\/span>=\"<a class=\"attribute-value\">GET<\/a>\" <span class=\"attribute-name\">type<\/span>=\"<a class=\"attribute-value\">MindFusion.Common.WebForms.ImageHandler, MindFusion.Common.WebForms<\/a>\"&gt;\n<span id=\"line271\"><\/span>&lt;\/<span class=\"end-tag\">add<\/span>&gt;&lt;\/<span class=\"end-tag\">handlers<\/span>&gt;<\/pre>\n<\/li>\n<li>For convenience, there is still optional <i>ImageGen.ashx<\/i> provided as external file for easier set-up of the project (add existing file instead of changing web.config).<\/li>\n<li><a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Common_WebForms_ZoomControl.htm\">ZoomControl<\/a> no longer draws using &lt;canvas&gt; element when running in <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Diagramming_WebForms_ClientSideMode.htm\">ImageMap<\/a> mode, but uses ImageHandler to generate bitmaps.<\/li>\n<\/ul>\n<p><strong>API changes<\/strong><\/p>\n<p><a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?T_MindFusion_Controls_ZoomControl.htm\">ZoomControl<\/a> can now be used with other MindFusion components and has been moved to <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/netdiagram\/index.htm?N_MindFusion_Common_WebForms.htm\">MindFusion.Common.WebForms<\/a> namespace and assembly.<\/p>\n<p>Here is a direct link to download the trial version:<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.mindfusion.dev\/NetDiagramTrial.zip\">Download MindFusion.Diagramming for ASP.NET, V5.5 Trial Version<\/a><\/p>\n<p><strong>Technical support<\/strong><br \/>\nMindFusion support team is happy to assist you with any questions you might have about Diagramming for ASP.NET or any other of our products. You can leave a message at the <a href=\"http:\/\/mindfusion.dev\/Forum\/YaBB.pl?board=netdg_disc\">discussion board<\/a>, use the <a href=\"http:\/\/www.mindfusion.dev\/HelpDesk\/index.php\">help desk<\/a> or e-mail <a title=\"Write Us\" 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>. We strive to provide competent and detailed answers to your questions within hours of receiving them.<\/p>\n<p><em>About Diagramming for ASP.NET:<\/em> 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 more than 100 predefined node shapes, scrollable tables, 13 automatic layouts and many more. You can check <a href=\"http:\/\/mindfusion.co\/demos\/\">the 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. The component is not only powerful and scalable, but easy to learn and fun to use.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is the list of the recent changes and additions to MindFusion WebForms Diagram control: Resize table columns and rows Note: This feature is not available in ImageMap mode. Columns and rows of a TableNode can now be resized interactively &hellip; <a href=\"https:\/\/mindfusion.dev\/blog\/diagramming-for-asp-net-v5-5\/\">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":[95,2],"tags":[7,206,369,35,204,323,19,370,115],"class_list":["post-1411","post","type-post","status-publish","format-standard","hentry","category-diagramming-2","category-product-releases","tag-asp-net","tag-canvas-mode","tag-columns","tag-diagramming","tag-resize","tag-rows","tag-table","tag-tooltips","tag-webforms"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p3RlKs-mL","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/1411","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=1411"}],"version-history":[{"count":8,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/1411\/revisions"}],"predecessor-version":[{"id":2572,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/1411\/revisions\/2572"}],"wp:attachment":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/media?parent=1411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/categories?post=1411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/tags?post=1411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}