How to Get Teams User Presence Status in Power Apps using Graph API

Having received requests to display user status indicators like “Available” (similar to Teams) when showing users in Power Apps, I’ve documented how to retrieve these status indicators through GraphAPI.

Teams Status Information

Here’s the status information we want to display:
This status information is retrieved using the GraphAPI’s “Presence” endpoint, which requires the use of a custom connector.
For details about presence types (and the difference between availability and activity), refer to:
presence resource type - Microsoft Graph v1.0
Contains information about a user's presence, including their availability and user activity.
learn.microsoft.com

Prerequisites: Creating a Custom Connector and Adding Actions

As mentioned earlier, we first need to create a custom connector for GraphAPI.

For detailed instructions on creating a GraphAPI custom connector, please refer to:
Power Apps(Power Automate) Graph APIへのカスタムコネクタの作成
Graph APIってめっちゃ便利！もともと用意されているOffice 365コネクタとかじゃ持ってこれない情報まで取得することができる。ということで、Power AppsでGraph APIの情報を使用したいことがあり、カスタムコネクタを...
ippu-biz.com
Once you’ve completed the custom connector setup, go to [Definition] → [New action] and enter a name like “GetPresence”. Note: While it’s better to write clear “Summary” and “Description” for other users, we’ll keep it simple for this example.
Then select [Request] → [Import from sample]
Select “Get” and enter “https://graph.microsoft.com/v1.0/users/{user-id}/presence” in the “URL” field, then click [Import].
Finally, configure [Response] → [Add default response], but first,
Execute “https://graph.microsoft.com/v1.0/me/presence” in GraphExplorer,
Copy the entire “Response preview” to [Body] and “Response headers” to [Headers].
Now that creation is complete, move to [Test], enter any user ID (including your own) in the [user-id] field, and click “Test operation”.
Success! The custom connector creation is now complete!

Update January 31, 2025: Using the Avatar Control

With the addition of the “Avatar” to Power Apps modern controls, displaying user information in Power Apps has become much simpler using this Avatar control. For detailed instructions on how to use it, please refer to:
Power Apps Modern Avatar Control: Complete Guide with Status Badge Implementation
I've explored the Avatar control, one of the modern controls in Power Apps, and here are my findings.Avatar Control The ...
ippu-biz.com
2025.01.31

The following sections should be referenced only when modern controls are not available.

Prerequisites: Adding Custom Connector to Power Apps

Switch to the Power Apps creation screen and add a “People” screen
Then complete the setup by adding the created GraphAPI custom connector from “Add data”!

Defining Presence Information

First, referring to the official documentation below, we’ll define the Presence information in the App’s OnStart or similar event.
User presence in Teams - Microsoft Teams
Learn the Presence states in Teams and the administrative settings for the Presence feature.
learn.microsoft.com
Since we’re not looking at detailed status information this time, we’ll reference the availability value. Here’s what the definition looks like:
 
Set(
 Presence_Availability,
     Table(
         {key:"Available", text:"Available", icon:Icon.CheckBadge},
         {key:"AvailableIdle", text:"Available, Away", icon:Icon.CheckBadge},
         {key:"Away", text:"Away", icon:Icon.Clock},
         {key:"BeRightBack", text:"Be Right Back", icon:Icon.Clock},
         {key:"Busy", text:"Busy", icon:Icon.Error},
         {key:"BusyIdle", text:"Busy, Away", icon:Icon.Error},
         {key:"DoNotDisturb", text:"Do Not Disturb", icon:Icon.Blocked},
         {key:"Offline", text:"Offline", icon:Icon.CancelBadge},
         {key:"PresenceUnknown", text:"Status Unknown", icon:Icon.Help}
     )
);

Adding Availability Column to Gallery

Now, let’s add status display to the “UserBrowseGallery” that shows searched users.

The UserBrowseGallery Items property likely looks like this by default:
Modify it to look like this:
Here’s the code: We’ll add an availability column using AddColumns to the user table retrieved by Office365Users.SearchUser, and populate it with results from GraphAPIConnector.GetPresence. 

If(!IsBlank(Trim(TextSearchBox2.Text)),
    AddColumns(Office365Users.SearchUser({searchTerm: Trim(TextSearchBox2.Text), top: 15}),
    "availability",GraphAPIConnector.GetPresense(Id).availability)
)
Then, add an icon to UserBrowseGallery and set its Icon property with this formula:
Additionally, set the icon’s Tooltip property with this formula:
Now the icons will display according to each user’s status!
When you change the status to “Be Right Back” and refresh the display by re-entering the search text,
The display updates correctly!
When displaying multiple users, each one shows their individual status!

By incorporating a timer, you can automatically update the status at regular intervals. While we used standard icons in this example, you can create more visually appealing status displays by using custom images!

Copied title and URL