Power Apps – Create Web Link Look and Feel

Overview

Creating a web link look and feel is easy with a label color update and by introducing an icon or button overlay. When the user hovers over the icon/button overlay, the pointer cursor will be displayed instead of the text cursor giving a proper web link feel.

YouTube

Update Label

Go to the label and update the font color to blue and underline the text

Here is the look after the update

Add Icon Overlay

Add an icon overlay to your label

Change the icon’s width and height to the same size as the label

Change the color of the icon to Transparent

Update the OnSelect property of the icon to launch the URL based on your context. Launch() function should be used.

Add Button (Alternative to Icon overlay)

Add an button overlay to your label

Change the button’s width and height to the same size as the label

Remove the default text

Update the Fill property on the button to Transparent or RGBA(0, 0, 0, 0)

Set the following property’s to Transparent:

• HoverFill
• PressedFill

Update the OnSelect property of the button to launch the URL based on your context. Launch() function should be used.

Final Product

Here is the final look and feel