Route — Reference
Route settings and behavior. Settings include ID, Path, Url, Exact.
Route settings and events. Select the component in App Structure to find these controls in Properties.
Route Properties
Section titled “Route Properties”| Name | Description |
|---|---|
| ID | 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 Required. Default: "". Attribute: id. |
| Path | Enter the path to be used. Example: <b>/some/path</b><br><br><b>Parameters</b>: <br> <b>Named Parameters:</b><br> Named parameters are defined by prefixing a colon to the parameter name <b>(:foo)</b>.<br> Example: <b>/path/:id</b><br><br> <b>Parameter Modifiers:</b><br> <b>Optional</b>: Parameters can be suffixed with a question mark (?) to <br> make the parameter optional. Example: <b>/:foo/:bar?</b><br><br> <b>Zero or more</b>: Parameters can be suffixed with an asterisk (*) to denote a zero or <br> more parameter matches. Example: <b>/:foo*</b><br><br> <b>One or more</b>: Parameters can be suffixed with a plus sign (+) to denote a one or <br> more parameter matches. Example: <b>/:foo+</b><br><br> <b>Unnamed Parameters</b>: It is possible to write an unnamed parameter that only consists of <br> a matching group. It works the same as a named parameter, except it will be <br> numerically indexed. Example: <b>/:foo/(.*)</b><br><br> <b>Custom Matching Parameters</b>: All parameters can have a custom regexp, which overrides the <br> default match of /. For example, you can match numeric id: <b>/path/:id(\d+)</b><br> or match words like either "user" or just "u": <b>/path/(user|u)</b><br> Required. Attribute: path. |
| Url | Choose optional content file to include when the route matches Attribute: url. |
| Exact | Match the route exactly, so no additional routes with same path prefix will match after it Default: false. Attribute: exact. |
Dynamic events
Section titled “Dynamic events”| Name | Description |
|---|---|
| Show | Action: Choose the action to execute. Output value representing the shown state. This is typically used for App Connect state binding and logic, not for styling. Bootstrap docs: JavaScript |
| Hide | Action: Choose the action to execute. Output value representing the hidden state. This is typically used for App Connect state binding and logic. Bootstrap docs: JavaScript |
| Error | Action: Choose the action to execute. |
| Unauthorized | Action: Choose the action to execute. |
| Forbidden | Action: Choose the action to execute. |
| Not Found | Action: Choose the action to execute. |