# Hyperlink in the middle of a label

**URL:** <https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694>\
**Category:** Questions about Thunkable X\
**Tags:** navigate-screen\
**Created:** [December 6, 2022, 5:56am UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694 "2022-12-06T05:56:40Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 6, 2022, 5:56am UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/1 "2022-12-06T05:56:40Z")

</div>

Is it possible to have a hyperlink in the middle of a label’s text?

Such as

Set label text to [join [“some text”],[hyperlink[”hyperlink text”]],[“more text]]

Idk if I wrote that properly, but hopefully people will understand what I mean.

I’d build it in paint but I’m not able atm.

Thanks everyone

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 6, 2022, 6:03am UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/2 "2022-12-06T06:03:00Z")

</div>

I can’t think of a way to do that. You’d need something like this React Native (which Thunkable is based on) extension: [react-native-hyperlink - npm](https://www.npmjs.com/package/react-native-hyperlink)

But there’s no way for us as users to install extensions in Thunkable.

---

<div class="post-metadata">

**Author:** ![maurizio.polverini89](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/maurizio.polverini89/32/145191_2.png) [@maurizio.polverini89](https://community.thunkable.com/u/maurizio.polverini89)\
**Post date:** [December 6, 2022, 7:59am UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/3 "2022-12-06T07:59:43Z")

</div>

Send a picture, maybe someone can suggest a walkaround in that specific case!

---

<div class="post-metadata">

**Author:** ![ioannisroungeris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannisroungeris/32/109459_2.png) [@ioannisroungeris](https://community.thunkable.com/u/ioannisroungeris)\
**Post date:** [December 6, 2022, 10:35am UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/4 "2022-12-06T10:35:35Z")

</div>

Hello @overshield  
I believe the best way to accomplish this is to include three labels within a row and an action in the second that opens the link. Check out the screenshots to get a better understanding.

 ![Στιγμιότυπο οθόνης (1367)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/d/6d0f9c14c13425dbd66362d07c560447da0f0e78.png) ![Στιγμιότυπο οθόνης (1368)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/8/d84d318591db42868637ab3dbdcb426b41bee990.png) ![Στιγμιότυπο οθόνης (1369)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/d/7d52f0066ff12381d55813f4229b4860a570e5f9.png)

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 6, 2022, 1:29pm UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/5 "2022-12-06T13:29:29Z")

</div>

Ya this was the only way I could come up with. I really don’t want to do it this way bc I update this info from the cloud. Which means I need 3 objects to call from if I change it. Bc not just the link would change but also the 2 surrounding texts

---

<div class="post-metadata">

**Author:** ![ioannisroungeris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannisroungeris/32/109459_2.png) [@ioannisroungeris](https://community.thunkable.com/u/ioannisroungeris)\
**Post date:** [December 6, 2022, 1:37pm UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/6 "2022-12-06T13:37:31Z")

</div>

@overshield okay, I understand. The way to impliment that is using [webviewer](https://docs.thunkable.com/web-viewer). On the webviewer you will pass the text as message and on that webpage you will show this text.

---

<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:** [December 10, 2022, 12:38pm UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/7 "2022-12-10T12:38:03Z")

</div>

Add a `button` and change the properties of it to look like a `label`. In the button click event add the `open link` component to open your **Hyperlink**.

Another way is to have a `row` component with 3 `labels` in it and the middle label has the color set to **blue** while the other 2 to **black**.

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 28, 2022, 8:01pm UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/8 "2022-12-28T20:01:44Z")

</div>

I try to avoid the label button options because they don’t line up vertically the same usually. And if I make the “normal text” + the link buttons, then the “normal text” is clickable as well. I’d have to make it 3 labels and just let the link label be clickable

---

<div class="post-metadata">

**Author:** ![varunkadapatti](https://avatars.discourse-cdn.com/v4/letter/v/eb8c5e/32.png) [@varunkadapatti](https://community.thunkable.com/u/varunkadapatti)\
**Post date:** [February 16, 2023, 9:16am UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/9 "2023-02-16T09:16:44Z")

</div>

Maybe you can use a label and use “labelOnClick” do open link…Hopefully that works and you can line up the labels properly and create a hyperlink.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 17, 2023, 9:17am UTC](https://community.thunkable.com/t/hyperlink-in-the-middle-of-a-label/2166694/10 "2023-05-17T09:17:06Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
