Access Path Parameters in a Page

Key Concepts

• Path Parameters: These are dynamic segments of a URL, enclosed in curly braces {}. They allow developers to capture variable values directly from the URL and use them within the application. For instance, {var_1} can be utilized to represent a user or resource ID.

• Dynamic Content Replacement: Twidget utilizes path parameters to automatically substitute their values in page elements. This enables the display of customized content based on the URL the user visits.

Main Components / Workflow

1. Page Creation: Start by creating a new page within the Twidget interface where the path parameters will be utilized.

2. Path Parameter Configuration: When defining the page URL, incorporate a path parameter, such as var_1, which allows real-time data retrieval from the URL.

3. Dynamic Content Integration: Utilize page elements (e.g., text elements) to incorporate the path parameters by referencing them with a syntax that includes {{$path.parameter_name}}. This ensures that when the page is published, the content is automatically updated to reflect the value associated with the path parameter in the URL.

4. Visibility and Configuration Settings: Path parameters are accessible not only in page content but also in other element configurations (e.g., visibility settings), allowing for conditional rendering based on the parameter values.

5. Page Functions: Path parameters can also be leveraged within page functions. For instance, when creating functions that require dynamic data input, the path parameter will be available in the variable dropdown, allowing for further manipulation and display of content based on user interactions.

This structured approach to utilizing path parameters within Twidget enhances the platform's flexibility, enabling developers to create highly personalized user experiences.