MY ACCOUNT  |  LOGIN

Sales: 1-888-936-8638

ORDER ONLINE >

 

  


  Windows Forms
      Products
       UI Products
   Essential Grid
   Essential Tools
   Essential Chart
   Essential Diagram
   Essential Edit
   Essential HTMLUI
   Essential Schedule
       Back Office Products
   Essential PDF
   Essential XlsIO
   Essential DocIO
   Essential Calculate
   Essential Grouping
       Add-ons
   CAB Add-on
   QTP Add-on
    Version History
    Free Trial
    Order Online
    What's New
    Development Build
    Roadmap
    System Requirements




Editing Tools

The comprehensive set of Editing Tools provided by Essential Diagram allow users to work interactively with the Diagram Control for Diagram Building applications.

Besides a slew of built-in tools, custom tools can be defined and added to the diagram controller to provide custom functionalities.

Select Align
Layout Nudge
Z-Order Rotate
View Text Formatting

Select

The select tool is used to select multiple diagram nodes, using keyboard shortcuts and mouse drag.

Selecting Nodes with Select Tool

Selecting Nodes with Select Tool

You can also customize the line style of the tracking rectangle that is used to make selections.

Selecting Nodes with Select Tool

Align

The Align tools let you select multiple nodes and apply some relative alignment on the last set of selected nodes, relative to the first selected node.


Different Node Alignments in Diagram

Different Node Alignments in Diagram

Layout

The Diagram Layout tools can be used for spacing and sizing objects in the diagram.

  • Space Across - Evenly spaces the selected objects along the X axis.

  • Space Down - Evenly spaces the selected objects along the Y axis.

  • Same Width - Sets the width of the selected objects to match the width of the anchor object.

  • Same Height - Sets the height of the selected objects to match the height of the anchor object.

  • Same Size - Sets the width and height of the selected objects to match the anchor object.

Various Diagram Layouts

Various Diagram Layouts

Nudge

The Nudge tools enable finer movement of objects on the diagram canvas.

  • Nudge Up - Moves the selected objects up by one grid unit.

  • Nudge Down - Moves the selected objects down by one grid unit.

  • Nudge Left - Moves the selected objects left by one grid unit.

  • Nudge Right - Moves the selected objects right by one grid unit.

Nudge Tools

Nudge Tools

Z-Order

The Node tools can be used for grouping objects and changing their Z-order.

  • Group Tool - Creates a new group using the currently selected objects.

  • Ungroup Tool - Ungroups the currently selected group.

  • Bring to Front - Moves the currently selected object to the top of the Z-order of the layer it belongs to.

  • Send to Back - Moves the currently selected object to the bottom of the Z-order of the layer it belongs to.

  • Bring Forward - Moves the currently selected object up by one level in the Z-order of the layer it belongs to.

  • Send Backward - Moves the currently selected object down by one level in the Z-order of the layer it belongs to.

Grouping Nodes in Diagram

Grouping Nodes in Diagram

Rotate

The Rotate tools can be used for rotating objects in the symbol model.

  • Rotate Left - Rotates the currently selected objects left by 90 degrees.

  • Rotate Right- Rotates the currently selected objects right by 90 degrees.

  • Flip Vertical - Rotates the currently selected objects by 180 degrees around their local Y axis.

  • Flip Horizontal - Rotates the currently selected objects by 180 degrees around their local X axis.


Applying the Diagram Rotate options to a Right Angled Triangle

Diagram Rotate options applied to a Right Angled Triangle

View

The View tools can be used for adjusting the view of the diagram.

Pan Tool - Changes the cursor into a hand symbol allowing the user to drag the diagram view port in any direction.


Diagram with Pan Tool

Diagram with Pan Tool

Show Grid - Toggles the visibility of the layout grid.


Diagram in Grid View

Diagram in Grid View

Snap to Grid - Toggles the snap to grid feature.


Diagram With Snap to Grid

Diagram With Snap to Grid


Diagram With Snap to Grid disabled

Diagram With Snap to Grid disabled

Zoom Tool - Provides options to zoom in and zoom out the Diagram.


Diagram With Zoom Tool

Diagram With Zoom Tool

Magnification - The zoom percentage for the diagram can be set using this.


Altering the Magnification factor of a Diagram

Altering the Magnification factor of a Diagram

Text Formatting

The Diagram Control comes with sophisticated text formatting options such as subscript, superscript, uppercase conversion and lowercase conversion options.


Text Formatting Tools in Diagram

Text Formatting Tools in Diagram

Further, the font color can also be styled, with brushes, using the FontColor Style Editor.

© 2001-2009 Copyright Syncfusion Inc. All rights reserved.  |  Privacy Policy  |  Contact  |  Sitemap  |