
Icons as edge labels can be created similarly. For an example have a look at the graph Help > Example Graphs > Visual Features > Multiple_Node_Labels_with_aphml.Īn easy way to create a new label with an icon is to drag a node from the palette and to drop it onto a target node and then to use the entry “Convert to Label” from the context menu of the dropped node. This dialog opens if you click on Icon Properties. The properties for the label icon as for example the icon itself or its relative position to the text can be edited using an extra dialog. Select “Fit Node Size” or “Fit Node Width” in the “Size” field.Ī label can contain an icon together with or instead of the label text.Select “Cropping” in the “Configuration” field.In the “Label” section in the Properties View use “Internal: Center” for the “Placement”.In order to let yEd wrap the lines of a node label automatically such that they fit into the bounds of the owning node you can do the following. Presentation of label text that uses HTML markup differs between the tabular view and the property dialog: in the tabular view, (part of) the rendered HTML is shown while the property dialog shows the actual HTML markup. If label text starts with ‘ ‘, it is automatically interpreted as HTML markup, which, for example, allows you to style individual parts of the label differently. However, you cannot combine these possibilities. You can apply some text styles using a subset of HTML and you can let yEd wrap your labels automatically. YEd offers two possibilities to enhance your labels. This includes, e. g., font type and size, font color, etc., but also options for alignment and positioning. Furthermore, all properties that are used for the labels of nodes and edges, respectively. The graphical properties that are common to nodes and edges include color and line type (nodes: line type of border). Both kinds of presentation show consistent information and can be used side by side.


The property dialog can be opened for example via the context menu for graph elements or using F6, if there is a non-empty set of graph elements selected. The tabular view is shown in a docked window and located in the lower left area of the main window by default. The yEd graph editor provides two ways for presenting the properties of nodes or edges: the Tabular View and the Property Dialog.
