Table of Contents

How to Add Connection Links to Views

Lesley Updated by Lesley

Scenario

Users can get frustrated and use your app less if getting the information they need requires too much jumping around. They want it to be as easy as possible to get what they need and then continue with their day.

For example, we have a Donations page that includes the name of the donor that made the donation:

Our users would love if they could click on the Donor name on the grid to find out more about a specific donor. Otherwise, they need to first navigate to the Donors page and then search for the Donor to see their details. It may not seem like a lot of extra steps, but when you have to do that daily, it can be irritating.

So we’re going to use Connection Links to make the donor names clickable and send users directly to the donor’s details page.

Requirements

If this your first time creating an app, you'll need to know some basics about adding tables, fields, pages, and views. You can start by reading our Builder Basics section

Other good resources can be found in our About Your Database and Working With Pages sections of the knowledge base.

Steps

Select the Page with the View

In the Pages section of the Builder, select the page that holds the grid or details view you want to add connection links to.

Open the Grid Editor

Click on the view on that page to open the editor.

Open Edit Column

Edit the Column (on a Grid view) or edit the field (on a List or Details view) by hovering over it and clicking the pencil icon:

Grid View
Details View

In the Connection Link dropdown in the field settings, select the page you want that field to link to:

In order to add a connection link to your connection field, you must first ensure that there is a page in your app that uses the same source table as your connection field. Only existing pages associated with this field will be available to select from the Connection Link option. In this example, Donor is a connection field in the Donations table. Since there is already an existing page in the app that shows details for each donor, you can add a connection link to the Donor connection field that links to that details page.

 

That’s it!

Now when a user sees that view, they’ll see a clickable link for that field that takes them to the page you selected:

How did we do?

How to Add a Map to a Details View

How to Add Inline Editing to a Grid

Contact