Rayven makes it easy to create interactive applications by allowing you to link directly from data tables to other dashboards or custom interfaces—without writing any code.
Rayven allows you to build scalable, interactive applications by linking records from data tables directly to dashboards or interfaces—without writing a single line of code. This functionality enables users to click on a table row (e.g., an asset or alert) and automatically navigate to a detailed view of that record.
What You Can Do
By using Rayven’s dynamic link configuration, you can:
-
Create smart, context-aware navigation between dashboards.
-
Build reusable interfaces that adapt based on the selected record.
-
Eliminate the need to duplicate interfaces for each item or device.
Example Use Case
A table lists your assets. Each row has a “View” link. When clicked, it opens a dashboard that displays details specifically for that asset—filtered using its asset ID.
Step-by-Step: How to Add Dynamic Table Links
1. Create the Target Interface
Build or select the interface where the details will appear (e.g., Asset Detail Interface).
-
Ensure the interface is designed to respond to a variable (e.g.,
asset_idordevice_name). -
This variable will be passed from the table when a row is clicked.
2. Configure the Table Link Column
In your dashboard or HTML interface:
-
Open the table widget’s configuration.
-
Add a new column for the link (label it “View” or “Details”).
-
In the column settings:
-
Set the link type to Dashboard/Interface.
-
Select your target interface.
-
Choose the field (e.g.,
asset_id) from the current row to pass. -
Name the parameter (e.g.,
asset_id) so the interface can use it.
-
Rayven will automatically handle URL generation and parameter passing.
3. Prepare the Target Interface to Accept the Variable
In the interface you’re linking to:
-
For Dashboards: Add a Global Filter bound to the passed variable (e.g.,
asset_id). -
For Custom HTML Interfaces: Use Rayven’s variable system to filter components based on the incoming value.
Design your interface to show:
-
General information (name, type, status).
-
Live data streams.
-
Historical trends and alerts.
-
Control elements if needed.
Benefits
-
No Coding Required: Entirely UI-configurable.
-
Interface Reusability: One interface can dynamically serve all items.
-
Real-Time Filtering: Detail views update instantly.
-
Better UX: Smooth transitions between overviews and details.
Summary Table
| Task | Action Required |
|---|---|
| Add link in table | Use the “Dashboard/Interface” link type |
| Pass specific record data | Choose row field and name the parameter |
| Respond to data in target | Use global filters or variable-bound widgets |
| Code needed? | None |
Q&A
Q: Can I pass multiple values (e.g., device_id and device_name)?
A: Yes, you can define and pass multiple parameters by repeating the field selection and parameter naming steps in the link configuration.
Q: What happens if the target interface doesn’t have a matching filter?
A: The interface will still load, but the widgets may not filter correctly. Ensure the interface is configured to recognize and bind the passed parameter.
Q: Can I use this with custom HTML interfaces?
A: Absolutely. Rayven supports dynamic filtering in custom interfaces using its variable binding system.
Q: Can I hide the link column but still make rows clickable?
A: No, the link must be in a visible column. However, you can style the link to appear minimal or embed it in a button label.