Power Apps Modern Information Button Control [Complete Guide]

Are you excited to know about Power Apps Modern Information Button Control? This Power Apps tutorial explains everything in detail about Power Apps Modern Information Button Control, its essential properties, and how to use Modern Information Button Control in Power Apps with a simple scenario.

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

Also, Read: Power Apps Modern Tab List Control [Everything in Detail]

Power Apps Modern Information Button Control

A Modern Information Button Control offers more details or context regarding a particular feature, field, or value within an app. Power Apps Information button control enables developers to guide and support app users easily.

Refer to the screenshot below that how the Power Apps information button control looks like. The first image shows the information button control, and when a user presses it, the content (with a blue info button) will appear.

Power Apps Modern Information Button
Power Apps Modern Information Button

This is the overview of the Modern information button control in Power Apps.

Check out: Power Apps Modern Link Control [Detailed Tutorial]

Power Apps Modern Information Button Control Properties

The table below represents all the key properties of a Power Apps Modern Information button control:

PropertyDescription
ContentInformation that will be shown when users interact with the control.
Icon sizeSpecifies the information button icon size. There are three types of icon sizes:
1. Small
2. Medium
3. Large
Display modeInformation will be shown when users interact with the control.
Accessible labelLabel for screen readers.
Position– 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.
SizeWidth – The gap between the control’s left and right sides.
Height – Distance between the control’s top and bottom.
AcceptsFocusDetermines whether the tab key or the SetFocus function can be used to focus on the button.
ContentLanguageIndicates the audience’s language (for example, “en-US”).
VisibleSpecifies whether to display or hide the Modern Information button control.
Power Apps Modern Information Button Properties

Add Power Apps Modern Information button Control

Here, we’ll see how to add a Modern Information button control in Power Apps.

See also  How to Use Power Apps Modern Combobox Control?

We must first activate the “Try out the modern controls” option on the Power Apps Canvas app’s Settings page.

If you don’t enable this option, you won’t be able to see the Modern controls in Power Apps. Follow these steps to enable Power Apps Modern Controls:

  • Sign in to Power Apps with your valid Microsoft credentials.
  • Create a New Blank Canvas app (Apps -> + New App -> Canvas).
Add Modern Progress Bar in Power Apps
Add Power Apps Modern Information button Control
  • Specify a unique name for the app (Power Apps Modern Info Button Control) -> Choose the Format as Tablet -> Click on Create.
Power Apps Modern info button
Power Apps Modern info button
  • On the Power Apps Screen, Click on ellipses () from the top -> Settings -> Select Upcoming features -> Preview -> Scroll down and Enable Try out the modern controls as shown below.
  • Save and Publish the canvas app once.
Power Apps Modern Info Button Control
Power Apps Modern Info Button Control
  • Then, Expand the + Insert tab (from the top) -> go to the Modern tab -> Select the Information button as below.
Power Apps Modern Information Button Control
Power Apps Modern Information Button Control
  • The Modern information button control’s default name, InfoButtonCanvas1, will appear on the screen when it has been inserted. It can be renamed to suit your needs.
  • Also, the Modern information button control’s default content will be “InfoButton content“. We can change it as per our needs.

This is how to add Power Apps Modern Information button Control.

Have a look: Power Apps Modern Button Control [Complete Guide]

How to Use Power Apps Modern Information button Control

In this example, we will discuss how to work with the Modern Information button in Power Apps.

  • Insert a Modern Info button control and set its Content property as:
Content = "Provide your Full Name here"

Where,

See also  How to get data from Dataverse in Power Apps

Provide your Full Name here” = Enter the message or content that you want to display in the info button control. And the message should enclose with an inverted comma (” “).

How to Use Power Apps Modern Information button Control
How to Use Power Apps Modern Information button Control
  • Save, Publish, and Preview the app. When you click the modern information button icon, the message or content we have supplied will appear as shown below.
Use Power Apps Modern Information button
Use Power Apps Modern Information button

This is how to use Power Apps Modern Information button Control.

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

This Power Apps tutorial went into great detail about Modern Information Button Control, its key properties, and how to use it in Power Apps using a simple example.

Furthermore, we learned how to make the Canvas app’s Power Apps Modern Controls available.

>