Skip to content
IND- 407 App Development
Share
Explore
Week by Week

icon picker
Week 9

Building a LinkTree

Clone

We will need
Circular Image
Name/ Details
Button Links

First, we will build a table to hold our data

“/ table” → Blank Table
Use the columns:
Artist Name
Image URL
Image Round
Artist Description
Link 1
Link 1 Image URL
Link 1 Description
Link 2
Link 2 Image URL
Link 2 Description
Link [Social Media of choice] url
Link [Social Media of choice] image url
Linktree Table
0
Artist Name
Image URL
Image Round
Artist Description
Link 1
Link 1 Image URL
Link 1 Description
Link 2
Link 2 Image URL
Link 2 Description
Link Social Media url
Link Social Media image
1
2
3
4
There are no rows in this table

To round the image, use the following formula: Image(thisRow.[Image URL], width: "200",style: "circle") ​On the main page we will create a drop down selector
“/ select” Name it “Artist Selector” Option→ =Linktree Table ​Next, we will place markers for where we want the different elements to go
.
Image
Description
Button 1
Button 2
Social Media Link
.
Image→ =[Artist Selector].Image Round Description→ =[Artist Selector].Artist Description

Create a button: “/ button” → Label
=concatenate([image(Link 1 Image URL)], linebreak(), ”Check out “, [Link 1 Description]) ​ Action → Open Hyperlink → =[Artist Selector].Link 1
Social Media “/ button” Label→ =image([Link Social Media Image URL], 50) Action→ Open Hyperlink → =[Artist Selector].Link Social Media URL

Assignment

Build a functional Link tree for 5 Artists which can be accessed from the ‘Artist Selector’

Week 9 Specific Questions

If at anytime you want clarity or further explanation on a topic, types “@” and then the instructor’s name for a response beneath your question.
ex:
@Cameron Golinsky
How do I tag you on the page?
@student_who_asked: You just did it!

Questions

1)
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.