Unanswered

How to make a label a hyperlink

(1) Share

Report

Posted on by Community Power Pla...

What i want to do is make the lable box beside the lable specifications a hyperlink? Is this possible and how? I have tried changing it to a control button but no luck. Any help is greatly appreciated, thanks.

Categories:

Building Power Apps

I have the same question (0)

All responses (16)

Answers (1)

Jeff_Thorpe 6,085 Super User 2024 Season 1 on at

Like (13)

Report

You can use the HTML Text field. If the URL value is already in another field you could just add the HTML Text field and create the link using the value from your label field.

HtmlText: "<a href=" & Label1.Text & ">Get Specifications</a>"

Was this reply helpful? Yes No
Community Power Pla... on at

Like (7)

Report

You can also use the Launch() function.
Reference: https://docs.microsoft.com/en-us/powerapps/functions/function-param

Do note that this sometimes does not work properly on some version of IE11. (I didn't in mine until I allowed ALL pop-ups from powerapps)

Add the Launch() function on the OnSelect property of your label.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

I have entered this into the OnSelect field

"Launch(https://atagarryson.sharepoint.com/intranet/SiteAssets/Forms/AllItems.aspx?slrid=adef3c9e%2De095%2D5000%2Ddc1a%2Df01ad4c87e37&FolderCTID=0x0120004EDA8AEEC6FAEB43B2DD2A476504EFC0&id=%2Fintranet%2FSiteAssets%2FCompetitor%5FComparison%5FData%2FApplication%20)"

And this is what I have in the Text Field "ThisItem.Application_x0020_pic" The data is coming from a sharepoint list.

When i preview the app the link is still not clickable. Is there something im missing?

I have tried using a button with the above properties but no luck.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (9)

Report
Enter the hyperlink in double quotation marks. e.g.
Launch( "google.com" )

And note that this alone doesn't make the label "clickable". Sure, if you click on it (assuming everything runs as expected), it will open another tab but it won't do alternate hover and pressed behavior like normal links do. You'd have to add those yourself.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

Thanks for telling me that, i taught doing the above would make it a clickable link.

Do you know what properties i need to change in order to make it clickable. I have done what you said and it allows me to cmd and click the link in the field where you add functions but when i preview the its still just showing as text in a label.

Do you have any examples of how this is done?

I have a deadline due tomorrow and would love to have this feature up and running.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (1)

Report
Yeah. It will just show text in a label but if you click/select it, it will open a new tab.

You can change the values of the following properties:
Color
HoverColor
PressedColor
To give the label alternate visuals.

For example, apply the following property-values to your label
Color: RGBA( 63, 189, 191, 1 ) HoverColor: RGBA( 63, 125, 191, 1 ) PressedColor: RGBA( 89, 126, 165, 1 )
would give the label a blue-ish color, a darker color when highlighted, and a paler color when pressed.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

Hi,

Sorry just getting back to this. The app is now live but the links are still not links. The only way to navigate to them is to highlight all the text and then right click and select search. That is the current work around.

But this way is not suitable for anyone using a tablet or mobile. I have followed all your instructions but still no luck.

The links are being pulled in from a SQL table and displayed in a label. Does this make any differene?
Giving you as much detail as i can to make it a clearer picture for you.

Thank you for all your time so far, much appreciated.

Was this reply helpful? Yes No
Verified answer

Jeff_Thorpe 6,085 Super User 2024 Season 1 on at

Like (11)

Report

Have you tried the HTMLtext field approach? It it works then you would just set the visbility of the SQL field with the URL info to false and move the HTMLtext field on top of the SQL field.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

Hi Ive tried following those steps in the link below but i dont see a HTMLText property.

https://docs.microsoft.com/en-us/powerapps/controls/control-html-text

Do you think you could post an example?

And im currently using the online web app studio incase thats why i cant see HTML text field.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

Hi Jeff,

I just figured it out with your help. Thanks a million.

Regards,
David

Was this reply helpful? Yes No