Skip to content

Source — Reference

Reference · Advanced · App Connect

Source settings and behavior. Settings include ID, Class, Color, Back Color.

Source settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDDefault: "". Attribute: id.
ClassDefault: "". Attribute: class.
ColorDefault: "". Attribute: color.
Back ColorDefault: "". Attribute: background-color.
Border ColorDefault: "". Attribute: border-color.
Text ColorDefault: "". Attribute: text-color.
EditableDefault: false. Attribute: editable.
OverlapDefault: false. Attribute: overlap.
Name Description
Dynamic EventsDefault: false. Attribute: events.
Name Description
Tooltips: PlacementWhere the tooltip appears. Controls tooltip placement relative to the trigger element. Common placements include top, bottom, left, and right. Bootstrap uses Popper for positioning. Bootstrap docs: Tooltip options
Tooltips: TitleChoose the tooltip title.
Tooltips: HtmlChoose the tooltip html. When enabled, tooltip content may include HTML. Only use with trusted content to avoid XSS risks. Prefer plain text for user-provided values. Bootstrap docs: Tooltip options
SelectableChoose dynamic data binding.
EditableChoose dynamic data binding.
ColorChoose dynamic data binding.
Back ColorChoose dynamic data binding.
Border ColorChoose dynamic data binding.
Text ColorChoose dynamic data binding.
Name Description
Event ClickAction: Choose the action to execute.
Event Click: eventevent is available in the event data payload.
Event Mouse EnterAction: Choose the action to execute.
Event Mouse Enter: eventevent is available in the event data payload.
Event Mouse LeaveAction: Choose the action to execute.
Event Mouse Leave: eventevent is available in the event data payload.
Event Drop/MoveAction: Choose the action to execute.
Event Drop/Move: eventevent is available in the event data payload.
Event ResizeAction: Choose the action to execute.
Event Resize: eventevent is available in the event data payload.