Telerik blogs

[Original post on the Orbifold's blog]

Whenever we plan a new release we try to navigate between several stakeholders; the customer requests (features, ideas, bugs), demands by our own Telerik teams (not the least,Telerik JustTrace), the ever changing landscape of technology (should I mention Windows 8 and JavaScript?) and, finally, our own aspirations and visions. Trying to find a compromise between these poles and tailoring it to time and resources is both exciting and difficult, as every project manager knows I guess. Despite the fact that we so often impose ourselves quite a challenge I'm always impressed near release time that the team exceeds what we aimed for and thus honor Telerik's commitment to 'deliver more than expected'. This release cycle was particularly exciting due to the new Windows 8 opportunities (the Store and the WinRT programming model in particular) and adjacent technology shifts. Besides a feature-packed new release of RadDiagram for XAML we have been busy working on a full-blown, touch-centric mocking application for the upcoming Microsoft Surface and a diagramming framework for HTML. The former will be released imminently and eventually lead to a diagramming library for WinRT while the latter will surface (pun intended) later next year. More about this when the time is ripe for it.

Key New Features

With every new release we add new samples and at the same time try to improve the existing ones. This interplay between concrete applications and framework development helps you, the end-user, to see how RadDiagram should or could be used but also helps us to simplify or improve things. One of the things we particularly enjoy is to make things easier, both on the (RAD) integration level and on the API level. If effectively flows out of our philosophy to make the simple (or expected) things easy and the complex possible:

  • We improved the thumbnail view (aka mini-map) and wrapped it into a separate control, called the RadDiagramNavigationPane. It combines the zoom and the thumbnail functionality.
  • We improved the ruler significantly in terms of performance and functionality (page splitting preview and multi-measure support in particular). The ruler is also wrapped in a separate control and can be easily customized if needed.
  • We integrated the financial dashboard (which was previously developed alongside an article) in the samples in order to better demo how you can combine other Telerik controls into RadDiagram shapes. The sample is now also available in Silverlight and boasts a whole lot of nifty data generation tricks which you might enjoy in your own prototypes.
  • You asked for enabling the ScrollViewer and we did; you can now enable the scrollers and use them in conjunction with the panning (CTRL-click drag the canvas).
  • To make things really easy for you to add and overlook all the features (ruler, thumbnail, background, etc.) you can assign at design-time we have developed a RadDiagram design wizard which presents you all the options and automatically generates the necessary code.

Freehand Drawing

One of the most asked for (around twenty votes) feature on PITS is the possibility to use a (freehand) pencil tool as well as a polygon tool. You will find a new drawing sample which acts as a simple painting canvas and demonstrates the new pencil and polygon tools. For now the generated shapes cannot be re-edited after creation, this is scheduled for the 2013.Q1 release along a whole set of other connection-related possibilities. Note that these tools taken together with the mechanisms demonstrated in the dashboard sample allow you to develop applications similar to Microsoft Onenote and that the touch enabled capabilities in Windows 8 will make these tools productive and fun to use.

Copy/Paste from Visio (WPF Only)

Another asked for feature (and one which surprised us somewhat) was the ability to copy/paste from Visio into RadDiagram. We enabled this and more; you can now copy any portion of Microsoft Office data into RadDiagram, copy part of a Photoshop image into a diagram, paste XML representing a RadDiagram and more. Note that pasting from Visio doesn't mean you have a full-blown Visio object model in RadDiagram or, conversely, that you can use RadDiagram groups inside Visio as Visio-groups. Instead, this feature means that any data on the clipboard which can be interpreted as 'image' data (technically speaking, a device independent format) will be pasted into a diagram.

Containers and Gliding Connectors

In function of workflow diagrams and table-oriented diagrams (SQL designer, class designer and such) we added two important new features; containers and gliding connectors. Containers are a continuation of groups in the sense that just like groups they allow you to combine shapes into one 'box' but have a visual representation. You can think of them as headered items shapes with the possibility to customize (template) their appearance. Both groups and containers will be further improved in the next release and will support a whole set of new diagram types. The gliding connectors abstract away the need to predefined fixed connectors on a shape and thus allow you to connect shapes anywhere around their boundary. While fixed connectors bundle connections, a gliding connector will attempt to glide the endpoints along the edge of the shapes. The final state diagram shown here is a good example of where/how you would use this type of connector.

Export to HTML

Javascript and HTML5 have been much on stage in the past year and our Telerik Kendo UI suite demonstrates our commitment to this complementary technology. While you will have to hold your horses a bit longer for a full HTML diagramming library we have, as an intermediate step, developed for you an HTML export of RadDiagram. This allows you to 'export' diagrams and make them available to any browser and platform. A whole lot can be said about this topic but this will come later on. Please keep in mind that we do the export by transforming the Diagram XML format into SVG using JavaScript code (git it here) and if the code doesn't suits your exacts needs, just get it and modify it as you wish. 

Small but Important

Finally, in the category 'small but important' I need to mention:

  • a finer grain of control over diverse properties. For example, the IsEditable property which was previously only available on the diagram level is now defined on a shape level as well. Similarly, IsDraggingEnabled, IsResizingEnabled, IsRotationEnabled, IsConnectorsManipulationEnabled, IsManipulationAdornerVisible, AllowDelete, AllowCut, AllowCopy, AllowPaste are now all present on a lower level.
  • RadDiagram is fully manageable (and thus UI testable) through automation peers
  • The 'Metro Theme' has reincarnated and is now called Windows8 Theme together with an associated Windows8 Touch Theme. See the main Telerik documentation for more on this.

For more details, please visit the RadDiagram homepage. Of course, all your ideas and thoughts are welcome via PITS,Twitter or forum.

You can also refer to Q3.2012 Release Notes for the list of all new goodies.


About the Author

Miroslav Miroslavov

is XAML enthusiast. You can follow him on Twitter at @mmiroslavov.

 

Related Posts

Comments

Comments are disabled in preview mode.