Request: Click on row, row details populate into popup modal

[danielrosehill]

Anyone have a second to help me with this? Imagine it should be fairly straightforward.

Desired behavior (public element / frontend / world-facing):

-> Table populates
-> User clicks on row
-> Popup modal appears displaying a formatted view of the row contents

[mikesealey]

Hey @danielrosehill

In your table you should set an On row click action to Navigate To. For the time being, save this, and we'll come back to it.
#13796

Next, you'll want to create a new screen. In my example I'll be working with the sample data on the Employees table, when clicking a row, I want to see details about that employee. As such, my new screen will be called /employees/:id. Notice the colon in the path there.

Go into the newly created screen and add a Data Provider component, set to fetch data from the same table.

Apply one filter on the _id column to match the binding of the ID passed in the URL (remember that colon?)

Now, anything you add to your Data Provider component has access to the results of the rows that match the filter, which when filtering on _id is a single row - the row clicked in the original table. It's important to remember that the response of that Data Provider is an array though, a list of rows.

You can now use the bindings to dig into what is inside that array of rows to populate your screen. I've used two bindings to display the first name, last name, and employee level

These values will change based on the values passed to the screen... Back to your original screen and it's Navigate To Action:
On Row Click triggers the action "Navigate To" which will open the page /employees/:id and pass the row id into the Data Provider and filter that we just set up. Checking "Open screen in modal" brings up a modal/popover card version of the screen we built.

Make sure to remove the /employees/:id screen from the navigation, or it will be possible to navigate there without a clicked-row _id

[danielrosehill]

@mikesealey Facing a very odd issue and just flagging in case it's a bug. The system won't let me create a screen with : on path. It automatically autoreplaces it to %3. Any idea?