{"id":294,"date":"2013-05-30T11:49:57","date_gmt":"2013-05-30T11:49:57","guid":{"rendered":"http:\/\/mindfusion.eu\/blog\/?p=294"},"modified":"2021-01-08T15:28:28","modified_gmt":"2021-01-08T15:28:28","slug":"diagramming-for-asp-net-mvc-1-5","status":"publish","type":"post","link":"https:\/\/mindfusion.dev\/blog\/diagramming-for-asp-net-mvc-1-5\/","title":{"rendered":"Diagramming for ASP.NET MVC 1.5"},"content":{"rendered":"<p>A new version of MindFusion diagramming tool for ASP.NET MVC is released. Here is a list of the new features:<\/p>\n<p><strong>Node Effects<\/strong><\/p>\n<p>You can now apply two visual effects &#8211; the <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?T_MindFusion_Diagramming_GlassEffect_0.htm\">GlassEffect<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?T_MindFusion_Diagramming_AeroEffect_0.htm\">AeroEffect<\/a> to nodes. To apply an effect,<br \/>\nyou must create an instance of the <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?T_MindFusion_Diagramming_GlassEffect_0.htm\">GlassEffect<\/a> or <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?T_MindFusion_Diagramming_AeroEffect_0.htm\">AeroEffect<\/a> classes, adjust its properties and add the instance to the <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_DiagramNode_getEffects_0.htm\">Effects<\/a> collection of the node. You should use <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_Diagram_getNodeEffects_0.htm\">Diagram.NodeEffects<\/a> if you want to apply the effects on all nodes. Effects can be applied at any time and this will immediately affect the<br \/>\nappearance of the diagram. You can apply more than one effect of the same type as well effects of<br \/>\ndifferent types simultaneously.<\/p>\n<div id=\"attachment_297\" style=\"width: 689px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/05\/themes.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-297\" class=\"size-full wp-image-297\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/05\/themes.png\" alt=\"Sample themes for your diagrams.\" width=\"679\" height=\"183\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/05\/themes.png 679w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/05\/themes-300x80.png 300w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/a><p id=\"caption-attachment-297\" class=\"wp-caption-text\">Sample themes for your diagrams.<\/p><\/div>\n<p><strong>Radial Gradients<\/strong><\/p>\n<p>You can set gradient brushes for nodes with the setBrush method. If your gradient blends only two<br \/>\ncolors, you can use the color1 and color2 fields to specify them. For more colors you have colorStops.<\/p>\n<p><strong>Multiple Labels per Link<\/strong><\/p>\n<p>Use the <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?T_MindFusion_Diagramming_LinkLabel_0.htm\">LinkLabel<\/a> class to set multiple captions on a single <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?CC_T_MindFusion_Diagramming_DiagramLink_0.htm\">DiagramLink<\/a> object. Link labels provide a set of properties that allow full customization of their appearance and position. Labels support automatic arrangement to avoid overlapping nodes and other labels &#8211; set <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?M_MindFusion_Diagramming_LinkLabel_setAutoArrange_1_Boolean.htm\">LinkLabel.AutoArrange<\/a> to true.<\/p>\n<div id=\"attachment_298\" style=\"width: 518px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/05\/network_mvcdiagram.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-298\" class=\"size-full wp-image-298\" src=\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/05\/network_mvcdiagram.png\" alt=\"A network chart.\" width=\"508\" height=\"416\" srcset=\"https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/05\/network_mvcdiagram.png 508w, https:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/05\/network_mvcdiagram-300x245.png 300w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/a><p id=\"caption-attachment-298\" class=\"wp-caption-text\">A network chart.<\/p><\/div>\n<p><strong>New Events<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?F_MindFusion_Diagramming_Events_nodeSelected.htm\">nodeSelected<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?F_MindFusion_Diagramming_Events_linkSelected.htm\">linkSelected<\/a> events are now raised when an item is selected, either<br \/>\nprogrammatically or by the user.<\/li>\n<li><a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?F_MindFusion_Diagramming_Events_nodeDeselected.htm\">nodeDeselected<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?F_MindFusion_Diagramming_Events_linkDeselected.htm\">linkDeselected<\/a> events are now raised when an item is deselected, either<br \/>\nprogrammatically or by the user.<\/li>\n<li><a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?F_MindFusion_Diagramming_Events_nodeDoubleClicked.htm\">nodeDoubleClicked<\/a> and <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?F_MindFusion_Diagramming_Events_linkDoubleClicked.htm\">linkDoubleClicked<\/a> events raised when the user double clicks an item.<\/li>\n<li><a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?F_MindFusion_Diagramming_Events_nodeCreating.htm\">nodeCreating<\/a> is now also raised while the user drags a node from the <a href=\"http:\/\/www.mindfusion.dev\/onlinehelp\/jsdiagram\/index.htm?T_MindFusion_Diagramming_NodeListView.htm\">NodeListView<\/a> control.<\/li>\n<\/ul>\n<p>As well other new methods and features. Read the full list at the news page on the <a href=\"http:\/\/mindfusion.dev\/Forum\/YaBB.pl?num=1369808631\">MvcDiagram forum<br \/>\nsection.<\/a> The trial version of the new release is available for download from the following link:<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.mindfusion.dev\/MvcDiagramTrial.zip\">Download MindFusion.Diagramming for ASP.NET MVC 1.4<\/a><\/p>\n<p><strong>Technical Support<\/strong><\/p>\n<p>If you have any questions about Diagramming for ASP.NET MVC you can post them at the <a href=\"http:\/\/mindfusion.dev\/Forum\/YaBB.pl?board=mvcdg_disc\">forum<\/a>, the<br \/>\n<a href=\"http:\/\/www.mindfusion.dev\/HelpDesk\/index.php\">help desk<\/a>, or per e-mail at <a class=\"link04\" 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> Excellent customer support is one of MindFusion top<br \/>\npriorities and we try to provide competent and detailed answers to your questions within hours of<br \/>\nreceiving them.<\/p>\n<p><em>About Diagramming for ASP.NET MVC Component:<\/em> It is a multi-purpose diagramming tool that consists of<br \/>\ntwo parts: a .NET class library running on the server and a client side control implemented in JavaScript.<\/p>\n<p>The server side .NET library implements a flow-diagramming object model that lets you define structures<br \/>\nsuch as trees, flowcharts and graphs. Every element in the diagram is easily accessible and the whole<br \/>\ndiagram is rendered as part of an HTML page by just calling the DiagramView extension method.<\/p>\n<p>On the client the diagram is rendered by a DiagramView JavaScript control that draws its content on an<br \/>\nHTML Canvas. The user is able to add nodes and links simply by drawing them with the mouse. There is<br \/>\nalso a NodeListView control, which lets users create new nodes via drag and drop.<\/p>\n<p>MvcDiagram also supports various automatic layout algorithms that will make every diagram easy to<br \/>\nunderstand and beautiful to look at. The diagram can also be easily serialized in binary or XML format.<br \/>\nExporting is done in a variety of formats including Pdf, Svg, Visio and more. You can read details about<br \/>\nthe components at the <a href=\"http:\/\/www.mindfusion.dev\/features-mvcdiagram.html\">MvcDiagram features page.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A new version of MindFusion diagramming tool for ASP.NET MVC is released. Here is a list of the new features: Node Effects You can now apply two visual effects &#8211; the GlassEffect and AeroEffect to nodes. To apply an effect, &hellip; <a href=\"https:\/\/mindfusion.dev\/blog\/diagramming-for-asp-net-mvc-1-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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[2],"tags":[21,35,85,4,100,98,99,93],"class_list":["post-294","post","type-post","status-publish","format-standard","hentry","category-product-releases","tag-asp-net-mvc","tag-diagramming","tag-events","tag-flowchart","tag-multiple-labels","tag-mvc-diagram","tag-node-effects","tag-tool"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p3RlKs-4K","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/294","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=294"}],"version-history":[{"count":6,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/294\/revisions"}],"predecessor-version":[{"id":2437,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/posts\/294\/revisions\/2437"}],"wp:attachment":[{"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/media?parent=294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/categories?post=294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mindfusion.dev\/blog\/wp-json\/wp\/v2\/tags?post=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}