Label Editing Demo

This demo shows customizations of the interactive label editing. In particular, it shows:

  • The related properties of GraphEditorInputMode.
  • A IEditLabelHelper that customizes label editing for individual labels and label owners.
  • Input validation.
  • The Instant Typing feature that allows users to start typing immediately.

Thing to Try

  • Edit a selected label by pressing F2. If no label exists, a new one will be added.
  • Add an additional label to a selected graph item by pressing Shift+F2.
  • Select multiple items (labels and/or label owners) and try to add or edit them by pressing Shift+F2 or F2, resp. Note that by default, if both labels and other items are selected, editing a label is preferred.

Editing Properties

Label Creation, Label Editing
Specifies whether adding and editing of labels is allowed.
Hide Label During Editing
Specifies whether the label is hidden while the label editor text box is displayed.
Instant Typing
If enabled, label text editing starts automatically when typing, without the need for starting it explicitly.
Custom Label Helper
Enables a custom IEditLabelHelper for node labels. This helper has the following features:
  • Each node can have at most two labels.
  • The first label gets a special style and is placed on top of the node. In addition, it cannot be edited once it was created. Instead, a second label is created.
  • The editing text box has a different background.
Editable Items
Specifies whether changing labels of nodes and edges is allowed.
Validation
Specifies whether new label texts are validated against the regular expression in the Pattern field. The default pattern does a simple email address verification.

Label Edit Properties

Editable Items

Validation