Search results

UserHandleModel API in Vue Diagram API component

Interface for a class UserHandle

Properties

backgroundColor

string

Defines the background color of user Handle

borderColor

string

Defines the borderColor of user Handle

borderWidth

number

Defines the borderWidth of user Handle

content

string

Defines the custom content of the user handle

disableConnectors

boolean

Defines the visible of user Handle

disableNodes

boolean

Defines the visible of user Handle

displacement

number

Defines the displacement of user Handle

horizontalAlignment

HorizontalAlignment

Defines the horizontal alignment of the user handle

  • Stretch - Stretches the diagram element throughout its immediate parent
  • Left - Aligns the diagram element at the left of its immediate parent
  • Right - Aligns the diagram element at the right of its immediate parent
  • Center - Aligns the diagram element at the center of its immediate parent
  • Auto - Aligns the diagram element based on the characteristics of its immediate parent

margin

MarginModel

Defines the margin of the user handle

name

string

Defines the name of user Handle

offset

number

Defines the offset of user Handle

pathColor

string

Defines the path color of user Handle

pathData

string

Defines the path data of user Handle

side

Side

Defines the position of user Handle

  • Top - Aligns the user handles at the top of an object
  • Bottom - Aligns the user handles at the bottom of an object
  • Left - Aligns the user handles at the left of an object
  • Right - Aligns the user handles at the right of an object

size

number

Defines the size of user Handle

source

string

Defines the image source of the user handle

tooltip

DiagramTooltipModel

Used to show tooltip for user handle on mouse over.

verticalAlignment

VerticalAlignment

Defines the vertical alignment of the user handle

  • Stretch - Stretches the diagram element throughout its immediate parent
  • Top - Aligns the diagram element at the top of its immediate parent
  • Bottom - Aligns the diagram element at the bottom of its immediate parent
  • Center - Aligns the diagram element at the center of its immediate parent
  • Auto - Aligns the diagram element based on the characteristics of its immediate parent

visible

boolean

Defines the visible of user Handle