# Linking from a data viewer list

**URL:** <https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [April 27, 2021, 11:36pm UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311 "2021-04-27T23:36:22Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![jim.malmberg38](https://avatars.discourse-cdn.com/v4/letter/j/439d5e/32.png) [@jim.malmberg38](https://community.thunkable.com/u/jim.malmberg38)\
**Post date:** [April 27, 2021, 11:36pm UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/1 "2021-04-27T23:36:22Z")

</div>

I’m working on application that is a variation of David Wolber’s demo on the Meet My Classmates app. The data that I’m using includes websites, email address and phone numbers. The data resides in a Google Sheets environment. When a user looks at the list, he’ll see a company logo, the name of the contact and the company name. When clicking on that, the user is taken to a detail page…

On the detail page, you’ll find phone numbers, email addresses and website information. I’d like that data to be clickable. So if you click the phone number, it opens up your phone’s dial pad and lets you make a call. I’d like the same sort of thing for the email addresses and website links… in other works, making them clickable.

I’ve looked through the forum but I don’t see any info on how to make this work. Any suggestions? Is it even possible? Any info would be much appreciated.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 28, 2021, 12:31am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/2 "2021-04-28T00:31:15Z")

</div>

Are you using the data viewer list?

Use blocks somewhat like this:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/e/5e76eca889a0bd294c060e5444f66adf314f51f0.png)

And see this post for various things you can on click, including phone calls: [Are there any phone call options in Thunkable Cross Platform - #5 by actech](https://community.thunkable.com/t/are-there-any-phone-call-options-in-thunkable-cross-platform/41544/5)

---

<div class="post-metadata">

**Author:** ![jim.malmberg38](https://avatars.discourse-cdn.com/v4/letter/j/439d5e/32.png) [@jim.malmberg38](https://community.thunkable.com/u/jim.malmberg38)\
**Post date:** [April 28, 2021, 1:20am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/3 "2021-04-28T01:20:44Z")

</div>

Thank you. I’ll take a look at this and let you know how it works out.

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [April 28, 2021, 1:24am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/4 "2021-04-28T01:24:37Z")

</div>

The block Open link will work for you just for the web sites

If you want to make a call or send sms or email

You need to use the Share component

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 28, 2021, 1:44am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/5 "2021-04-28T01:44:25Z")

</div>

the share component is only in the new drag and drop interface, right? I think tel:123456 can be used with the open link to make calls.

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [April 28, 2021, 2:51am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/6 "2021-04-28T02:51:19Z")

</div>

hi @catsarisky  
i’m sorry i didn’t use the new drag and drop interface and i wasn’t know that the share component is not available there 😅

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [April 28, 2021, 3:11am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/7 "2021-04-28T03:11:23Z")

</div>

The share component is available in both UIs but the requested features can all be implemented by the `open link` block.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 28, 2021, 3:32am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/8 "2021-04-28T03:32:18Z")

</div>

Thank you @muneer muneer and @bader_mouti - I thought that share was only in the new interface! I’ll have to look for it in the old one also!

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [April 28, 2021, 4:58am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/9 "2021-04-28T04:58:16Z")

</div>

The SHARE _drawer_ is only available in the new UI. There’s a component which can do the same things.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [April 28, 2021, 6:24am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/10 "2021-04-28T06:24:26Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/8/08b452c6b35d2219fd9a477aaae96ea45f933444.png)

It is part of the invisible components  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/6/f69849910c5c7c32a18cb724ecf2cf3e7c066cda.png)

Following are the coding blocks for the share component  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/2/021e8a550a0bdc0fd76c0dbc4aecf7d924059094.png)

---

<div class="post-metadata">

**Author:** ![jim.malmberg38](https://avatars.discourse-cdn.com/v4/letter/j/439d5e/32.png) [@jim.malmberg38](https://community.thunkable.com/u/jim.malmberg38)\
**Post date:** [April 30, 2021, 7:00pm UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/11 "2021-04-30T19:00:48Z")

</div>

First, I want to thank you all for the information. The combination from @catsarisky and @muneer was especially valuable and I’ve got most of the page working as intended.

Second, I do need to say that I wasn’t as clear as I probably should have been in my original posting.

In my list I’m showing a picture, the name of the person and then the name of their company. When you click on the list, you’re taken to a detail page that provides more information including phone numbers and web addresses. I was able to use a click block for phone, cell phone and email address labels in combination with a share block to get the behavior I want. Click on a label and launch the dial pad or an email message.

What I’m still missing is how to navigate to a website. The share block doesn’t have that option. Can someone point me in the right direction here? I want to take a label and link the contents of that label to the actual website. I know that I need to use a click block for the label, but I’m not sure what other components to use. I know I can use a webviewer to open the site in my application but I’d really prefer having the link open in the users default browser.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 30, 2021, 7:51pm UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/12 "2021-04-30T19:51:02Z")

</div>

I think that “open link” does what you want - see the block image I posted above?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 1, 2021, 12:13am UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/13 "2021-05-01T00:13:16Z")

</div>

Yes, @catsarisky is correct.

---

<div class="post-metadata">

**Author:** ![jim.malmberg38](https://avatars.discourse-cdn.com/v4/letter/j/439d5e/32.png) [@jim.malmberg38](https://community.thunkable.com/u/jim.malmberg38)\
**Post date:** [May 1, 2021, 10:14pm UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/14 "2021-05-01T22:14:48Z")

</div>

Thank you! That worked!

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/linking-from-a-data-viewer-list/1249311/15 "2024-11-08T13:22:55Z")

</div>


