Tag Archives: jquery

Diagramming for JavaScript, V2.4

Posted on by

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 is possible to hide the frames of table cells by setting the CellFrameStyle property to None.
  • You can now set the EnableStyledText property of TableNode class to render styled text in tables.
JavaScript Diagram Library: Table Nodes

JavaScript Diagram Library: Table Nodes

New events

  • The control raises cellTextEdited event when users edit the text of table cells.
  • The createEditControl event lets you create custom DOM element or fragment to use as in-place text editor.
  • NodeListView raises nodeSelected event when the user selects a node.

Miscellaneous

  • 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 = “MsAjax” before loading Diagramming.js
  • the loadFromXml method of Diagram class lets you load XML files created by MindFusion diagram controls for other platforms.
  • fixed setZoomFactorPivot bug in virtual scroll mode.

Registered customers with an active upgrade subscription can download the licensed version from the clients area on our site.

A trial version is available for direct download from the following link:

Download MindFusion Diagramming Library for JavaScript, V2.4

We are glad to receive any comments, suggestions and feedback. You can write us at e-mail support@mindfusion.eu or use the help desk. You can use the JsDiagram section on MindFusion forum to post questions about the tool.

About Diagramming for JavaScript Library: 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. 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 – check them here. JsDiagram is not only the perfect choice for creating any type of diagram in the browser – 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 Diagram for JavaScript page.

Diagramming for JavaScript, V2.1

Posted on by

MindFusion has just released a beta version of the Diagramming for JavaScript library.

SVG Nodes
The SvgNode class represents nodes that can display SVG drawings. SVG graphics are rendered instead of Image, and on top of the geometry rendered by the base ShapeNode class. You can enable the Transparent property to hide the node’s geometry and leave visible only the drawing.

SVG Nodes built with MindFusion.Diagramming for JavaScript.

SVG Nodes built with MindFusion.Diagramming for JavaScript.

jQuery support
You can now use jQuery for browser abstraction instead of Microsoft Ajax. To enable jQuery support, set MindFusionImpl=”JQuery” before loading the diagram script. Instead of Microsoft Ajax $create function, use the static Diagram.create(element) method to create a Diagram instance for a given Canvas element.

Miscellaneous

  • Set the BackgroundImageUrl property to draw an image as Diagram’s background.
  • The TextStyle property of links provides support for several different text position and orientation styles, defined by the LinkTextStyle enumeration.
  • Set the AllowUnconnectedLinks property to true to let users draw links without connecting them
    to nodes.

You can download the trial version directly from the following link:

Download Diagramming for JavaScript, V2.1 Trial Version

We shall be glad to receive any comments, suggestions and feedback. You can write us at e-mail support@mindfusion.eu or use the help desk. You can use the JsDiagram section on MindFusion forum to post questions about the tool.

About Diagramming for JavaScript Library: 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. 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 – check them here. JsDiagram is not only the perfect choice for creating any type of diagram in the browser – 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 JsDiagram page.

Diagramming for JavaScript with jQuery

Posted on by

Diagramming for JavaScript can use jQuery for browser abstraction instead of Microsoft Ajax. If you want to try the new feature, please download this archive containing a pre-release mindfusion.diagramming.js build and a sample page:

https://mindfusion.eu/_beta/jsdiag_jquery.zip

To enable jQuery support, set MindFusionImpl=”JQuery” before loading the diagram script:

Code:

MindFusionImpl = "JQuery";

Instead of MSAjax $create function, use the static Diagram.create(element) method to create a Diagram instance for given Canvas element:

Code:

diagram = MindFusion.Diagramming.Diagram.create($("#diagram")[0]);
A sample diagram.

A sample diagram.

We welcome any comments, suggestions and feedback. You can write us at e-mail support@mindfusion.eu or use the help desk. You can use the JsDiagram section on MindFusion forum to post questions about the tool.

About Diagramming for JavaScript Library: 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.

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 – check them here. JsDiagram is not only the perfect choice for creating any type of diagram in the browser – 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 JsDiagram page.

Scheduling for ASP.NET 3.1

Posted on by

We have released version 3.1 of MindFusion.Scheduling for ASP.NET. The new features include:

  • items can be resized interactively in all views
  • Visual Studio 2012 support
  • some CSS classes have been renamed to provide better consistency across themes. Check the updated CSS Classes help topic for details.
  • the bundled jQuery version has been upgraded to 1.9

webplanner

Registered customers with an active upgrade subscription can download the licensed version from the clients area on our site.

A trial version is available for download from this link:

Download MindFusion.Scheduling for ASP.NET 3.1

Technical support

MindFusion takes pride in providing excellent customer support to all its clients and evaluators. You can contact us per e-mail support@mindfusion.eu, at the forum or the help desk. We’ll be happy to assist you.

About MindFusion.Scheduling for ASP.NET: A programming tool suitable for creating any type of calendar, schedule, time table, resource table and more. The control supports 5 data views that are easy to change; rich event set and user interaction model. Users can create items interactively, define recurring events, or define custom-typed events, scroll the view or use drag&drop to modify an item.

The control provides programmatic access to all schedule objects. The appearance is completely customizable, built-in themes are also available. At run-time, appointments are created and edited with the built-in form. Every feature is documented in details, there are many tutorials and samples, which provide plenty of code to copy and study. You can learn more about Scheduling for ASP.NET here.