Link Reference
Reference for Link Reference in Web Framework References. Key properties: ID, Class, Link, Internal.
Use this reference to understand what Link Reference is for and which component-specific inspector group matters most when you configure it.
Inspector Property Groups
Link Properties
| Property | Type | Details |
|---|---|---|
| ID | text | Optional 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 Attribute: id |
| Class | text | Adds 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 Attribute: class |
| Link | file | Sets 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 Attribute: href |
| Internal | boolean | Use 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 |
| Target | droplist | Where 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 Attribute: target Options: Default, _blank, _top, _self |
Dynamic Attributes
Link
Sets the link destination.
| Attribute property | Type | Details |
|---|---|---|
| Value | text | Choose dynamic data binding. |
Rel
| Attribute property | Type | Details |
|---|---|---|
| Value | text | Choose dynamic data binding. |
Download
| Attribute property | Type | Details |
|---|---|---|
| Value | text | Choose dynamic data binding. |
Open in Lightbox
| Attribute property | Type | Details |
|---|---|---|
| Type: | droplist | Choose the media type. |
| Group: | text | Choose lightbox group name. |