Power Apps Modern Link Control [Detailed Tutorial]

Do you understand the definition and operation of a Power Apps Modern Link Control? Not to worry!

This Power Apps tutorial explains everything about Power Apps Modern Link Control, its properties, and how to use a Modern Link Control in Power Apps.

We will also learn how to enable Power Apps Modern Controls in the Canvas app.

Check Out: Power Apps Modern Badge Control [Complete Guide]

Power Apps Modern Link Control

  • A Power Apps Modern Link Control is an accessible component that sends people to a website. When a user clicks on the link, that specific link or URL website page opens in a new tab on your system.
  • For example, in the screenshot below, there is a Power Apps Modern Link Control named Click Here to Learn Power Apps.
  • When the user clicks on the link, it redirects to the particular website as shown in the screenshot below.
Power Apps Modern Link Control
Power Apps Modern Link Control

This is the overview of Power Apps Modern Link Control.

Also, Read: Power Apps Modern Progress Bar [Detailed Guide]

Power Apps Modern Link Control Properties

The below table represents all the important properties of Power Apps Modern Link Control.

PropertyDescription
TextThe text will be shown on the app when links are active.
URLAfter clicking the link, the user will be directed to a certain web page.
Display modeThere are three modes:
Edit – The user can enter the data.
View – Allows only to display data.
Disabled – The control is greyed out with disabled mode.
Accessible labelWhen a user chooses the control, screen readers will read this text out.
PositionThere are two types of badge positions:
– Distance between the control’s left side and the screen’s left edge.
Y – Distance between the top of the control and the top edge of the screen.
SizeThere are two types of sizes:
Width – The gap between the control’s left and right sides.
Height – Distance between the control’s top and bottom.
AcceptsFocusIt decides whether the control can be focused using the SetFocus function or the Tab key.
ContentLanguageDefines the audience’s language (for example, “en-US”).
OnChangeActions that will be carried out when the value changes.
VisibleIt defines whether to display or hide the Power Apps Link Control.

These are the important properties of the Power Apps Modern Link Control.

See also  Power Apps RSS Feed

Check: Power Apps Modern Tab List Control [Everything in Detail]

How to Add Power Apps Modern Link Control

Now, we will see how to add a Modern Link Control in Power Apps.

The “Try out the modern controls” option must first be enabled on the Power Apps Canvas app’s settings page.

You won’t be able to see the Modern controls in Power Apps if you don’t enable this option. To activate Power Apps Modern Controls, take the following actions:

  • Sign in to Power Apps with your Microsoft credentials.
  • Create a New Blank Canvas app (Apps -> + New App -> Canvas).
Power Apps Modern Link
Power Apps Modern Link
  • Specify a unique name for the canvas app (Power Apps Modern Link Control) -> Choose the Format as Tablet -> Click on Create.
Power Apps Link Modern Control
Power Apps Link Modern Control
  • Go to Settings (from the top) from the Power Apps Screen -> Select Upcoming features -> Click Preview -> Turn on to Try out the modern controls as shown below.
  • Save and Publish the Power Apps canvas app once.
Modern Link in Power Apps
Modern Link in Power Apps
  • On the Power Apps Screen, expand the + Insert tab (from the top) -> Scroll down, and expand Modern controls -> Select Link as below.
  • LinkCanvas1 will be the Power Apps Link’s default name. You can change the name if you choose.
How to add Power Apps Modern Link Control
How to add Power Apps Modern Link Control
  • Similarly, the Link’s default Text will be “Link“. You can change it by using the Text property:
Text = "Tap to Read More"
  • The inverted comma ” ” must be used as indicated below (while using the Text property). Or else, we can double-tap on the Text field (from the right-side Properties pane) and enter the text.
Add Power Apps Modern Link Control
Add Power Apps Modern Link Control

This is how to add a Modern Link Control in Power Apps.

See also  How to Add a Blank Value to a Dropdown List in Power Apps?

Have a look: Power Apps Modern Dropdown Control [Complete Tutorial]

How to Use Power Apps Modern Link Control

Here, we will see how to use Modern Link Control in Power Apps Canvas app.

The image below represents the Power Apps Modern link control i.e. Click to Know More About Job Portal. By clicking on this link text, a user will be taken immediately to the relevant page of the job portal website in a new tab.

PowerApps Modern Link Control
PowerApps Modern Link Control
  • To achieve this, add a Power Apps Modern Link control and set its Text property to “Click to Know More About Job Portal“.
  • Then, set the Link URL to the below link:
URL = "https://theprimejobs.com/"

Where,

https://theprimejobs.com/” = Provide the Web URL that you want to navigate while the user taps on the link control.

  • Make sure the URL of the Web link you send to Modern Link Control is wrapped in an inverted comma (” “).
How to Use Power Apps Modern Link Control
How to Use Power Apps Modern Link Control
  • Save and Publish the app from the top right corner.
  • Click on the Publish this version button.
Modern Link Control in Power Apps
Modern Link Control in Power Apps
  • Finally, Preview the Canvas app and Click on the Modern Link Control (Click to Know More About Job Portal). You’ll be sent directly to the particular employment portal page in a new tab.

This is how to work with Power Apps Modern Link Control.

Moreover, you may like some more Power Apps and Dataverse tutorials:

See also  How to Use Power Apps for Free?

This Power Apps tutorial explained everything about Power Apps Modern Link Control, its properties, and how to use a Modern Link Control in Power Apps.

We also learned how to enable Power Apps Modern Controls in the Canvas app.

Happy Blogging!!

>