User Guide
    Preparing search index...

    Properties, Styles and StyleGroups

    Properties are the attributes of a shape that can be adjust to change the look of the shape. There are two different types of properties, ones that change the look of the shape, and ones that change the control points of the shapes. For example the fill color of a shape is a property that changes the look of the shape, whilst the width and height of a rectangle are properties that change the control points of the shape.

    These are called visual properties and physical properties respectively. Physical properties appear under their own dedicated grouper in the property sidebar.

    Properties appear in the right sidebar when a shape is selected.

    For some properties, you are allowed to couple a style to them. Styles are defined in the left sidebar and allow users to name certain values for a property type. For example, you can define a style called "Red" and use that for any property that has a color value. This allows you to easily change the look of multiple shapes at once by changing the value of a style. Click the circle icon to the left of the input field of a property to select a style for that property.

    You can also group styles toghether in a StyleGroup. In styleGroups you can define pairs of (Property, Style) that can be applied and coupled to shapes. For example, you can define a styleGroup called "Red Thick Line" that has the following pairs:

    • (Stroke Color, Red)
    • (Text Color, Blue) Applying this styleGroup to a shape will set the stroke color of the shape to red and the text color of the shape to blue. Any property that a shape does not have, will be ignored when applying a styleGroup to a shape. For example, if you apply the "Red Thick Line" styleGroup to a rectangle, the text color will be ignored since rectangles do not have text. Adding/Removing new pairs to a styleGroup will update all shapes that already have that styleGroup applied to them. You can still change the properties of a shape that has a styleGroup applied to it. Adding/changing a pair of the styleGroup will re-apply that pair to the shapes in the group. Shapes can only be a part of a single styleGroup at a time.

    Stylegroups can be accessed in the left sidebar by clicking the "StyleGroups" tab. (Map with a star icon).

    You can your styles and styleGroups in the file dropdown by selecting export style suite. This will export all your styles and styleGroups to a JSON file that can be imported into another Ede project. You can import a style suite by selecting import style suite in the file dropdown. This will import all the styles and styleGroups from the JSON file into your current project. If the styles or styleGroups already exist in your project, a copy will simply be added.

    This feature lets you select all shapes that have a certain property value. For example, you can select all shapes that have a stroke color of red. You can do this by toggling the "Select by property values" option in the property sidebar. This makes it so that checkboxes appear next to each property (you will need to have a shape selected). You can then check the properties you want to select by and click the "Confirm" button to select all shapes that have that property with that value. There is also an option to allow selection by same shape type. This makes it so that you will only select shapes of the same type.

    Below you will find a list of all properties that are available and what they do. Some properties are only available for certain shapes, but some are global and can be used for (almost) all shapes.

    Determines the translucency of the shape. This is a percentage between 0 and 100, where 0 is completely transparent and 100 is completely opaque.

    Determines the color within the border of the shape, if has the possibility to be filled. For example a rectangle can be filled, but a line can not.

    Determines the color of the border of the shape / color of a line

    Determines the width of the border of the shape / width of a line

    Determines how the lines of a shape are drawn. The following options are available:

    • solid: ------
    • dotted: . . . . . .
    • dashed: - - - - - -
    • dash dotted: - . - . - .
    • dash dot dotted: - . . - . .

    determine how two Straight edges join into one another for a shape. The following options are available:

    • miter: gives the corner a sharp/straight edge
    • round: rounds the corners out
    • bevel: gives a straight but dented corner.

    Determines whether the shape is filled or not. If the fill toggle is off, the shape will be hollow and only the border of the shape will be visible. Not all shapes can be filled, for example a line can not be filled.

    Determines whether the shape has lines. If the stroke toggle is off, the shape will not have a border/lines and only the inside of the shape will be visible (if it can be filled).

    There are a lot of different shapes that have size properties. Each of them can do something different with the size property. It always related to size of something. (There are size properties that are physical properties as well, but some like the size of a an arrow is purely visual and does not change the control points of the shape)

    rectangle unique property Allows to give a rectanglge rounded corners. The bigger the corner radius, the rounder the corners will be.

    non-bezier (closed)spline specific shape. determines how strongly the spline curves. A higher tension will make the spline curve more, a lower tension will make the sline curve less (become straighter).

    standard text and LaTeX text unique property. Determines the color given to the font of the text.

    standard text and LaTeX text unique property. Determines the size of the text in pixels.

    standard text unique property. Determines the font family that the text has.

    Lines and splines have the ability to have arrows at the start and/or end of the line. Applicable shapes will have groupers in their property panels for the start and end arrow where the user can select the type of arrow they want to use.

    Determines in which order the shapes overlap each other. By increasing the z-index, the shape will be brought to the top of the layer. Shapes can not be drawn above another shape with a higher Z-Index. Available for all shapes.

    vertex exclusive property. Determines the shape of the vertex. The following options are available:

    • Circle
    • Square
    • Diamond
    • Triangle
    • Inverted triangle
    • Star
    • Cross
    • Plus

    The Physical properties of a shape are the properties that change the control points of the shape. These properties are unique to each shape and can be used to change the size, position and other aspects of the shape. See the shape specific pages for more information on the physical properties of each shape.