If your app has a social element where users can follow one another, check out this tutorial. This tutorial starts with a View User's Profile screen already created. To learn more about how to create profile screen, you can review the How to set up a Public Profile screen for Users tutorial.
-
Open the Database section on the left toolbar.
-
Select the drop drop down arrow to expand the Users data table.
-
Select + ADD PROPERTY.
-
Hover over Relationship.
-
Select Users.
-
Select the option that states "A User can have multiple Users. A User can have multiple Users".
-
Select Done.
-
Back on the left toolbar, in the red box for the Users relationship select the Name field where it says Users.
-
Delete the text Users and rename it to Following.
-
Select Done
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3rL3tx83R0hRyTbb1i%2F-M3r_JeqwLIyTnYtMttQ%2FProfile%20Page%20Example%20(25).gif?alt=media&token=c3446fc2-7dcd-4ed9-a1df-d2047bc3bbd9)
-
Open the Database section on the left toolbar.
-
Select the drop drop down arrow to expand the Users data table.
-
Select + ADD PROPERTY.
-
Hover over Relationship.
-
Select Users.
-
Select the option that states "A User can have multiple Users. A User can have multiple Users".
-
Select Done.
-
Back on the left toolbar, in the red box for the Users relationship select the Name field where it says Users.
-
Delete the text Users and rename it to Followers.
-
Select Done
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3rL3tx83R0hRyTbb1i%2F-M3rjBLH4eWmA55hObGw%2FProfile%20Page%20Example%20(26).gif?alt=media&token=7f6053a9-36e3-4bec-b3a6-1c81834860a1)
-
Select the add component button
-
Select Text.
-
Place the text on the screen.
-
On the left toolbar, place your cursor in the grey box under, where it says Enter Text.
-
Delete the text.
-
Type in "Follow?"
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3vvwAPmmmM8GBPYUBP%2F-M3vwjf-X38ncnWEM-MN%2FProfile%20Page%20Example%20(28).gif?alt=media&token=f598cd8f-430b-4ac4-9e1f-4096391399ce)
-
Select the add component button
-
Scroll down to the Buttons section and select it to expand the menu.
-
Select the Toggle component.
-
Place the toggle on the screen.
-
Under What does this trigger?, select Logged in User > Following > Includes Current User?.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3vvwAPmmmM8GBPYUBP%2F-M3w-gnrBebO03AKEaOP%2FProfile%20Page%20Example%20(29).gif?alt=media&token=c61da2d8-9760-4294-ac88-b6983d14ad90)
-
Select the Toggle.
-
On the left toolbar, scroll down to the Click Actions section and select + ADD ACTION.
-
Select Update > Current User.
-
In the Update section that just appeared in the left toolbar, scroll down to Followers and select the drop down arrow.
-
Select ADD > Logged In User.
-
Select Show Advanced.
-
Under When does this happen? Select the drop down arrow where it says Always and change it to Sometimes.
-
Underneath where it says This Action will only happen if... select the drop down arrow next to where it says Select.
-
Set it to Current User > Followers > All
-
Next to where it says Contains, select the drop down arrow.
-
Select Does not contain.
-
For the last value of the condition, where it says Empty, select the drop down arrow and set it to Logged in User.
-
Select Done.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3vvwAPmmmM8GBPYUBP%2F-M3w5j9kiDnidI2-LzUl%2FProfile%20Page%20Example%20(30).gif?alt=media&token=5055a564-084c-464c-a3b2-1725b1b91710)
-
Select the Toggle.
-
On the left toolbar, scroll down to the Click Actions section and select + ADD ACTION.
-
Select Update > Current User.
-
In the Update section that just appeared in the left toolbar, scroll down to Followers and select the drop down arrow.
-
Select Remove> Logged In User.
-
Select Show Advanced.
-
Under When does this happen?, select the drop down arrow where it says Always and change it to Sometimes.
-
Underneath where it says This Action will only happen if... select the drop down arrow next to where it says Select.
-
Set it to Current User > Followers > All
-
The next field will auto populate as Contains. Leave that as is.
-
For the last value of the condition, where it says Empty, select the drop down arrow and set it to Logged in User.
-
Select Done.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3w6rBKynco9qmQenyT%2F-M3wEH_-r8WZ_CpOvT2k%2FProfile%20Page%20Example%20(31).gif?alt=media&token=13cc5394-5588-430e-8f53-c0b9d4f29aac)
-
On the left toolbar, select the Add Component button.
-
Select Button.
-
Place it on the screen.
-
On the left toolbar underneath where it says Text, select the text Button and removed it.
-
Add the text Follow.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3wEKcOIfjVMpS_GBik%2F-M3wIWFyB3-VeTXu90-d%2FProfile%20Page%20Example%20(32).gif?alt=media&token=8f005aca-2a2d-4509-b269-e9a65aa47717)
-
Select the follow button.
-
On the left toolbar, underneath Click Actions, select + ADD ACTION.
-
Set the action to Update > Logged In User
-
In the Update section that just appeared in the left toolbar, scroll down to Following and select the drop down arrow.
-
Set it to Add > Current User.
-
Select Done.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3wEKcOIfjVMpS_GBik%2F-M3wJ56L7AvOfWgGAvmq%2FProfile%20Page%20Example%20(33).gif?alt=media&token=77c01ec8-2679-4aa5-9574-cf68b37b3a65)
-
Select the follow button.
-
On the left toolbar, underneath Click Actions, select + ADD ANOTHER ACTION.
-
Set the action to Update > Current User
-
In the Update section that just appeared in the left toolbar, scroll down to Followers and select the drop down arrow.
-
Set it to Add > Logged In User.
-
Select Done.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3wEKcOIfjVMpS_GBik%2F-M3wKziVQiGbG0gM5Zdk%2FProfile%20Page%20Example%20(34).gif?alt=media&token=1f5a5e5c-38bc-4a21-b267-ef5a550a8f1e)
-
Select the Follow button.
-
On the left toolbar next the where it says the name of your button, select the overflow menu.
-
Select Change Visibility.
-
On the left toolbar in the Visibility section, select the drop down arrow next to where it says Always Visible.
-
Set it to Sometimes Visible.
-
Underneath where is says Will be visible if... select the drop down menu.
-
Set it to Logged in User > Following > All.
-
Next to where it says Contains, select the drop down arrow.
-
Select Does not contain.
-
For the last value of the condition, where it says Empty, select the drop down arrow and set it to Current User.
-
Select Done.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3wmrMttciO_jVOjZnf%2F-M3wtek982cRoyIFnNVd%2FProfile%20Page%20Example%20(36).gif?alt=media&token=ca12a0f7-a35d-45a7-ab85-da00192a9603)
-
On the left toolbar, select the Add Component button.
-
Select Button.
-
Place it on the screen.
-
On the left toolbar underneath where it says Text, select the text Button and removed it.
-
Add the text Unfollow.
-
Underneath where it says Icon, select the x to remove the icon that is in place.
-
Select the drop down menu.
-
Select an icon that you would like to use. In this situation, I chose to use the cancel icon.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3wvIxWzFSJuJojK5po%2F-M3wvmjF6EDvIaICGscQ%2FProfile%20Page%20Example%20(37).gif?alt=media&token=89fb84dd-2702-45e6-9e7b-d3e389051620)
-
Select the Unfollow button.
-
On the left toolbar, underneath Click Actions, select + ADD ACTION.
-
Set the action to Update > Logged In User
-
In the Update section that just appeared in the left toolbar, scroll down to Following and select the drop down arrow.
-
Set it to Remove > Current User.
-
Select Done.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M3wvIxWzFSJuJojK5po%2F-M3wx7okwoUyGXN7gDw0%2FProfile%20Page%20Example%20(38).gif?alt=media&token=1b8e56b4-418e-43cd-84ec-6649fc9707ce)
-
Select the follow button.
-
On the left toolbar, underneath Click Actions, select + ADD ANOTHER ACTION.
-
Set the action to Update > Current User
-
In the Update section that just appeared in the left toolbar, scroll down to Followers and select the drop down arrow.
-
Set it to Remove > Logged In User.
-
Select Done.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M4-hquMVlYeavs5JxwC%2F-M40-hinMzckLcl9d9uZ%2FProfile%20Page%20Example%20(39).gif?alt=media&token=d3b6df53-0ff7-4560-b163-f532e5bbe18f)
-
Select the Unfollow button.
-
On the left toolbar next the where it says the name of your button, select the overflow menu.
-
Select Change Visibility.
-
On the left toolbar in the Visibility section, select the drop down arrow next to where it says Always Visible.
-
Set it to Sometimes Visible.
-
Underneath where is says Will be visible if... select the drop down menu.
-
Set it to Logged in User > Following > All.
-
The next field will auto populate as Contains. Leave that as is.
-
For the last value of the condition, where it says Empty, select the drop down arrow and set it to Current User.
-
Select Done.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-M40-r_D7rol9xgJGvxO%2F-M400KRW1QqQ4SrG656z%2FProfile%20Page%20Example%20(40).gif?alt=media&token=134ab141-6fcf-4777-8189-dd2b03031911)