Neodynamic ImageDraw Visual Editor

Neodynamic ImageDraw controls allow you to design and create composite images using a designer tool called ImageDraw Visual Editor. This tool is available at design-time only when working with Visual Studio, Visual Web Developer, and Expression Web; and it can be launched from:

The context popup menu - shown when right-clicking on an ImageDraw control - selecting 'ImageDraw Visual Editor...'
Clicking on 'Property Pages' at the top of the Properties Window
Clicking on 'ImageDraw Visual Editor...' hyperlink shown at the bottom of the Properties Window
Clicking on 'Open Visual Editor...' or 'Edit Image and Text Elements...' hyperlinks shown in the 'ImageDraw Tasks' smart tag

Please, take a few moments to get to know the interface of it which is shown in the following figure.

Neodynamic ImageDraw Visual Editor

In This Section:

ImageDraw Visual Editor Toolbars
Output Image Outline Pane
Properties Pane
Design View and Preview Output Image

Standard Toolbar
	The Open Template command lets you to open an ImageDraw XML Template file for manipulating it on the design surface
	The Save Template command lets you to save the current composite image as an ImageDraw XML Template
	The Cut command removes the selection from the document and places it on the designer's clipboard
	The Copy command copies the selected element(s) to the designer's clipboard
	The Paste command places the content of the designer's clipboard at the insertion point
	The Delete command removes the selection from the document
	The Undo command reverses the last command
	The Redo command reverses the action of the Undo command
	The Zoom commands let you to perform zooming on the document
	The Pan command lets you perform panning on the document. When it's enabled, all elements are not available for moving
	This commands let you to decrease/increase the order that an Element has in the stack/collection. Keep in mind that an element with greater stack order is always drawn in front of another element with lower stack order
Formatting Toolbar
	This combo box lets you to specify the unit of measure of the Font
	This combo box lets you to specify the name of the Font
	This combo box lets you to specify the size of the Font
	These commands let you to make the text bold, italic, underline and strikeout respectively
	This command lets you to specify the text alignment
	This color picker lets you to specify the foreground color of the text
	This color picker lets you to specify the background color of a fill
	This color picker lets you to specify the color of a stroke
	This command lets you to specify the width of a stroke
	This command lets you to specify the dash style of a stroke
	This command lets you to specify the roundness of a shape element
Elements/HotSpots Toolbar
	This command locks the selection on the document. A locked element cannot be modified.
	This command locks all elements on the document.
	This command activates the selection tool of the designer
	This command lets you to add or create a new ImageElement. The new ImageElement will appear listed in the "Output Image Outline" pane which is at the left of ImageDraw Visual Designer. To specify the source image for the added ImageElement, you must set up the SourceFile property on the "Properties" pane at the right of ImageDraw Visual Designer. Note If the image path or URL cannot be resolved at design time, the image will be represented by the following picture/icon. Keep in mind that this picture will appear at design time only and an Exception will be thrown at runtime.
	This command lets you to add or create a new TextElement. The new TextElement will appear listed in the "Output Image Outline" pane which is at the left of ImageDraw Visual Designer. Note If you set an EMPTY string to the Text property of a TextElement, it will be represented by the <text> string at design time only.
	This command lets you to add or create a new WordArtElement. The new WordArtElement will appear listed in the "Output Image Outline" pane which is at the left of ImageDraw Visual Designer. Note If you set an EMPTY string to the Text property of a WordArtElement, it will be represented by the <text> string at design time only.
	These commands let you to add or create a new ShapeElement. The new ShapeElement will appear listed in the "Output Image Outline" pane which is at the left of ImageDraw Visual Designer. Possible ShapeElements are LineShapeElement, RectangleShapeElement, OvalShapeElement, PolygonShapeElement, and StarShapeElement
	These commands let you to add or create a new HotSpot. The new HotSpot will appear listed in the "Output Image Outline" pane which is at the left of ImageDraw Visual Designer. Possible hot spots are CircleHotSpot, RectangleHotSpot, and PolygonHotSpot
	This command lets you to hide all hotspots on the document for better element edition