# Create a Web Link for each List Item
**URL:** https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471
**Category:** Questions about Thunkable X
**Created:** [April 24, 2021, 3:42pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471 "2021-04-24T15:42:36Z")
**Posts on this page:** 15
**Page:** 1
### Author:  [@c7tomjonesh](https://community.thunkable.com/u/c7tomjonesh)
#### Post date: [April 24, 2021, 3:42pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/1 "2021-04-24T15:42:36Z")
I have created several App pages , each with a 15 item list. What is the process to create a web link for each item
Thank you
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [April 24, 2021, 5:21pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/2 "2021-04-24T17:21:13Z")
Can you be more specific.
Do you want a web link to each item in every screen?
How these items are created? Are they in a form of Thunkable list of these items are meanly text boxes or labels in the screen?
Would be better if you provide an example or a screenshot.
---
### Author:  [@c7tomjonesh](https://community.thunkable.com/u/c7tomjonesh)
#### Post date: [April 24, 2021, 6:24pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/3 "2021-04-24T18:24:36Z")
Thank you for your response. Since I don’t have anything to hide, I just made a sharable link to my App build. I am a raw amateur in this world although I am a retired Network Engineer, so I do comprehend most stuff. The list is located in the “Lodging” page and all I would like is to click on one of the List Items and be linked to either a Map of where the Hotel is OR the Hotel’s website like I have done in the “Home” page under Hassayampa Inn. Any suggestions you might have will be appreciated. [https://x.thunkable.com/copy/71803fbf77a320c79fb3180c4ddd14f9](https://x.thunkable.com/copy/71803fbf77a320c79fb3180c4ddd14f9)
By the way … this app will be a free app given to the Registrants of our Event, a big car show.
Thank you and Warm regards,
Tom Jones
[C7tomjones@gmail.com](mailto:C7tomjones@gmail.com)
(602) 725-6246
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [April 24, 2021, 6:57pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/4 "2021-04-24T18:57:29Z")
See [Thunkable](https://x.thunkable.com/projectPage/608466ed789f820012251baf)
I have added a screen to show a working example.
---
### Author:  [@c7tomjonesh](https://community.thunkable.com/u/c7tomjonesh)
#### Post date: [April 24, 2021, 7:27pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/5 "2021-04-24T19:27:42Z")
Muneer, I apologize, but I don’t see a new screen listed.
Tom Jones
[C7tomjones@gmail.com](mailto:C7tomjones@gmail.com)
(602) 725-6246
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [April 24, 2021, 7:32pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/6 "2021-04-24T19:32:38Z")
This is the code.
The screen name after mixing my project is **WebLinkExample**
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [April 24, 2021, 7:36pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/7 "2021-04-24T19:36:53Z")
The idea is simple.
Create two different lists; one has the list of names and the other has the list of links. The lists has to be in the same order.
In the List Viewer, show the list of names and when the use selects any names from the list you use the other list to get the weblink using the same order selected (index).
Hope that explains it.
---
### Author:  [@c7tomjonesh](https://community.thunkable.com/u/c7tomjonesh)
#### Post date: [April 24, 2021, 7:50pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/8 "2021-04-24T19:50:13Z")
Thank You I will try that. Could this solution use A pair of Airtables for the Lists ?
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [April 24, 2021, 7:51pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/9 "2021-04-24T19:51:40Z")
yes of course
You can use one Airtable table with two columns. A column for the names and the other column for the web links
---
### Author:  [@c7tomjonesh](https://community.thunkable.com/u/c7tomjonesh)
#### Post date: [April 24, 2021, 7:53pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/10 "2021-04-24T19:53:50Z")
Thank you a lot.
---
### Author:  [@c7tomjonesh](https://community.thunkable.com/u/c7tomjonesh)
#### Post date: [April 24, 2021, 9:37pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/11 "2021-04-24T21:37:28Z")
Muneer, Thank you for the Help, I am a little slow in building the components, however, I followed your example (I think) and in the app preview only the web URL to the Airtable shows in the List Preview. Could you debug that code sometime if you have the time.
The rest of my pages in this App are all pretty much the same format, so once I figure this out I should be able to publish an App.
Thanks again, you are my Guiding Light
[https://airtable.com/shrZFkDrOBQRl0dRt](https://airtable.com/shrZFkDrOBQRl0dRt)
Tom Jones
[C7tomjones@gmail.com](mailto:C7tomjones@gmail.com)
(602) 725-6246
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [April 24, 2021, 10:12pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/12 "2021-04-24T22:12:41Z")
OK,
This is how I will go about it. In a new screen add a DVL (Data Viewer List)
In the properties choose the Add button under Data Source.
Enter the necessary details to get your Table connected
This means I am connected to the table/sheet
Now I need to connect the columns in the table to the columns in the DVL from the property page of the DVL.
Click preview to see the result
Now I just have to add the coding blocks to the DVL
That is all what you need in the block screen
Now you can test and enjoy the outcome.
---
### Author:  [@c7tomjonesh](https://community.thunkable.com/u/c7tomjonesh)
#### Post date: [April 26, 2021, 3:14pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/13 "2021-04-26T15:14:10Z")
One last question if you please. I followed your directions and it works like a charm. Thank you. Now, I am trying to understand the flow and logic of the “Block” programming. It is brilliant but complicated.
IF…… I wanted to show the contents of any list from Column A in Airtable and when a List Item is clicked, it will take you to the Web URL listed in Column B, knowing that Columns A & B are set up correctly with each line showing a Name in Column A & a Web Address URL in Column B. My question is : what have I done wrong or missing in this Block Logic ? The error given says :
“Something has gone wrong. Check your blocks and reset this page.” Your thoughts are appreciated.
Thank you,
Tom Jones
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [April 26, 2021, 4:52pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/14 "2021-04-26T16:52:01Z")
The first item in the list is **1**. You are referring to item ZERO which will result is the message you are seeing.
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/create-a-web-link-for-each-list-item/1243471/15 "2024-11-08T13:22:56Z")