Skip to content

Link — Reference

Reference · Advanced · App Connect

Link settings and behavior. Settings include ID, Class, Link, Internal.

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

Name Description
IDOptional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Default: "". Attribute: id.
ClassAdds raw class names to the element. Adds text directly to the class attribute. Use this for custom utility classes or project-specific overrides. Separate multiple classes with spaces. Bootstrap docs: Utilities API Default: "". Attribute: class.
LinkSets the link destination. Sets the element's href attribute. Use absolute URLs ( https://... ) or relative paths. For internal navigation, prefer the Internal option when available. Bootstrap docs Default: "". Attribute: href.
InternalUse Internal App Connect Routing for SPA pages. Uses your project's internal routing/linking mechanism instead of a raw href . This helps keep links consistent when routes or file paths change in your project. Bootstrap docs: Introduction Default: false.
TargetWhere to open the link. Controls where the link opens. Common values are _self (same tab) and _blank (new tab). If you use _blank , consider adding rel="noopener" for security. Bootstrap docs: Introduction Options: Default, _blank, _top, _self Default: "". Attribute: target.
Name Description
LinkChoose dynamic data binding.
RelChoose dynamic data binding.
DownloadChoose dynamic data binding.
Open in Lightbox: TypeChoose the media type.
Open in Lightbox: GroupChoose lightbox group name.