Article Index

Step 2 - Editing an existing shape


The default new shape is a simple text box but shapes can be composed of pre existing images, graphic drawing commands and text. To edit a shape click to select, it will be surrounded by the selector box and enable the shape editing buttons of the editor menu.

Shapes can be resized as easily as moved. Select and drag the square at the bottom right hand corner of the selector box and drag to resize.


You'll notice as you resize the shape that the text maintains a central vertical and horizontal alignment. This, along with almost everything else, can be customized. Hit the edit shape button  and the shape editor menu will open. The menu can be dragged around the screen to allow for more convenient placement.


In the top two rows we can edit the shapes template (warning - changing templates will delete any customisations you've made), fine tune its horizontal (x) and vertical position (y) as well as its width and height. Note - these units are all in pixels.

Below these rows are the settings that allow us to interact with the internal elements of a shape (ie the graphic, image and text from which they are constructed).

A text box has only two elements. The graphical background and the display text.

Click either of the elements to show their placement settings and to enable the element editing buttons. For now click the "Text: New Shape" button.


Selecting the text element shows that it is aligned centrally, horizontally and vertically. It also has a zIndex value of 1, forcing it to display above the graphic (zIndex = 0).

Order - if order is set, elements with a higher value will be displayed to the right (Order - x) or below (Order - y).

Position - defines a set position for the element or adjusts the position of an aligned or ordered element.

Ie changing "Position - y" for the text shape to 20 will force the text to display 20 pixels below its centrally aligned position.

The edit element buttons  allows new elements to be added, the selected to be deleted, or edited, or duplicated.


Each element type (graphics, images, text) presents a unique editor menu with a variety of editable fields. Editing a shapes default text element can also be accessed from the menu .