Bubble Table Element - Link Row to Record page

Introduction to the Bubble Table Element

Hi Bubble App Creators, welcome to another Bubble Tour video. In this video, I'm going to be using the brand new Bubble table element released only yesterday at the time of recording and I'm going to be demonstrating to you how you can link through from a row to a page about the data that's shown in that row. So in this case with my contacts table here I want to link through to a page all about Bruce Wayne.

Accessing Planet No Code's Video Library

Let me demonstrate how you do that but before I get started did you know that we have over a hundred Bubble tutorial videos many of which you cannot find on YouTube you can only find them on our website planetnocode.com head there become a member and get full access to our video library and if you like this video please hit like and subscribe that really helps us out on YouTube.

Adding a Link to a Table Row

So how do you add a link to this row? Well, it's very similar to how working with groups and working with repeating groups and so we go into our table and I could just take an element and add a workflow to it so first name I can add a workflow and I can say navigate go to page and then I have a page set up called contact and I'm going to show you how that works because you need to do something on this page in order to be able to send the data through.

Setting Up the Contact Page

If I go to my contact page you can see that all I'm going to do is print the contact's name in this group but I've got the type of content for the page set to my data type contacts and this means that when I use a go-to page action in a workflow it has to include the contact it's saying that this page is expecting to receive a contact in order for it to run properly.

Configuring the Workflow

So if I go back to my table page and then my workflow you can see that that is reflected in the fact that send data has to have a value otherwise you get an issue so I can give the send data current rows contact that's it preview.

Testing the Link Functionality

So if I now click on Bruce Wayne remember I've made the text label not the whole row so you would need to perhaps use groups or add additional workflows in other places to get the whole row to work but for me clicking the text label I can click Bruce and it takes me through to Bruce Wayne's page.

Conclusion

So there you have it that is how to add a link through to a page all about an item in the table with the table elements are linking through from a table arm displaying a list of items in your database to linking through to a page where you display one item from that list.