cancel
Showing results for 
Search instead for 
Did you mean: 
Reply

Including a user photo in an Adaptive Card

Hi

As a proof of concept, I'm trying to build a flow that will post an adaptive card to a Teams channel with my profile mugshot in the message body.

The only components I can find to return my profile image, return the raw content, rather than a URL....is there a way to get this working?

 

2019-03-22_15h28_44.png

 

56 REPLIES 56

Hi @mgertz, I have almost the same situation as you. Images load in the web version of Teams, but not in Teams app. Were you able to find a solution?

I copied the picture to the users OneDrive at the end, created a link and added the link to the teams message.... 

Many steps i would not excpect to need, but its working.

@mcorlou This one worked for me. Poking around you can substitute emea, amer, and apac for alternate regions.

 

Of course now that we have a solution, someone on the Teams team will break this option too.

 

Next up...getting @mentions to work. 😞

Audrie-MSFT
Copilot Studio
Copilot Studio

I see that many of you have found workarounds and ways to make this work. I will also post a video with some guidance as well, and put the link here.

 

Thank you for your patience,

Audrie

Thanks!!

Anonymous
Not applicable

Any update on this? Still struggling with user image in Teams client (desktop)

Anonymous
Not applicable

Could it be that the following method do not work anymore?

 

https://teams.microsoft.com/api/mt/emea/beta/users/"EMAIL"/profilepicturev2?displayname="DISPLAYNAME..."

 

I get no profile picture, when i use this url in the adaptive card to shown the profile picture.

niclasdahl
Frequent Visitor

I have a similar issue, but it concerns just about any image stored within our tenants sharepoint...

 

The adaptive card shows images if i use external URLs to public images, but if i try to show an image that is contained within our own tenant it doesn't work. I've even tried to set up the flow to create an image inside the actual teams channel files folder and reference it from there, but still doesn't work.

 

I recall reading in thread a while back, but i am unable to find it now, that this might be connected to wether or not your tenant allows external access/sharing and anonymous links. If it does, then it might work.

 

It would be great if someone from MS could shed some light on this....

What region are you in?  If you're in the US, the link differs.  It would be:

 

https://teams.microsoft.com/api/mt/amer/beta/users/user_name @company.com/profilepicturev2?displayname=last_name,%20first_name&voidCache=true

 

Replace user_name

Replace company

Replace last_name

Replace first_name

 

with appropriate values.  If this still doesn't work for you, login to the web app for MS Teams, right click on profile picture and get your URL that way.

@Audrie-MSFT  any luck with that video 🙂

aploe
Frequent Visitor

This is exactly the same problem with our flows.

 

The convertion of a pulled user picture in base64 and then just add the "data&colon;image/png;base64,<converted string here>" to the "url" property worked for a month until it just stoped working some weeks ago. Seems like there was an update with the flow of the "posting an adaptive cards to channels by a bot". (Which btw killed all our adaptive cards we created. This was really unfortunate and took a lot of time to restore/rebuild.)
As we restored the cards payload and tried to fire this up it stops with the error: "HTTP request failed: the content is not a valid JSON.". This is definitly hanging on the "url" property of the image. I tried everything else.

Is there a solution somewhere in the future to include a profile picture more easily (or at least to reenable the old way)?

Not sure if many here have tried, but I find several of the methods proposed here just work,.... on https://teams.microsoft.com/ but unfortunately not in the teams application.

 

Also in the adaptive card editor the correct url gives result so there is nothing wrong with the solutions you have come up with.

 

The problem is that the whole thing is not working consisted in the teams application.

 

This is what I see in the browser.


In browser (chrome)In browser (chrome)

And here the same message in the teams application.

In teams applicationIn teams application

 

I guess this one is for MS to resolve.

I have tried two methods and both times, user photo does not show in the adaptive card inside the Mobile app of Teams.

Photo shows in the Adaptive card inside the desktop and web app on a PC or Mac.

 

Method 1: image from person field in SharePoint list.

Method 2: base64 compose action shown in this thread.

 

When I used method 2, I also get this error

"error""The payload is too large. Please make sure the size is less than 28KB."
 
What can be done to get the photo appearing in the mobile app version?
 

 

This is how you stop wasting time and get it to work properly:

1. Create a new action, Send an HTTP request to SharePoint:

Site Address: https://yourdomain.sharepoint.com
Method: GET
URI: _layouts/15/userphoto.aspx?size=S&username=[USERSEMAILADDRESS]

The S in the uri is the image size (S/M/L) but leave it as small as to not blow through that generous 28KB payload limit

 

2. Feed the output from the Send an HTTP request to SharePoint into a Compose action by plugging it into an expression:

 

 

base64(body('Send_an_HTTP_request_to_SharePoint'))

 

 

 

3. Finally, you can plug the output from the Compose into your JSON code once again

FraserM_0-1616105237225.png

{
"type": "Image",
"style": "Person",
"url": "data&colon;image/png;base64,@{outputs('Compose')}",
"size": "Small"
}

NOTE: ^^(this forum is messing up the data&colon;image/png code and repacing the : with &#58)^^

or less confusingly noted like this 
Untitled.png

"data&colon;image/png;base64,[COMPOSE]"

NOTE: ^^(this forum is messing up the data&colon;image/png code and repacing the : with &#58)^^

@FraserM 

 

Brilliant... that worked for me!

This works for me, too! Thanks a lot!

 

Let's all hope MS doesn't change anything on this approach in the nearest future.

Excellent approach @FraserM 

Just needed to change the 

&#58

back to a :  colon. 

For some reason the forum kept changing the colon in the code.. sorry :)... Glad that post was already helpful 🙂 

Thank you for this thread and post, I used many of the suggestions to achieve what I wanted to. Great job!

Helpful resources

Announcements

Community will be READ ONLY July 16th, 5p PDT -July 22nd

Dear Community Members,   We'd like to let you know of an upcoming change to the community platform: starting July 16th, the platform will transition to a READ ONLY mode until July 22nd.   During this period, members will not be able to Kudo, Comment, or Reply to any posts.   On July 22nd, please be on the lookout for a message sent to the email address registered on your community profile. This email is crucial as it will contain your unique code and link to register for the new platform encompassing all of the communities.   What to Expect in the New Community: A more unified experience where all products, including Power Apps, Power Automate, Copilot Studio, and Power Pages, will be accessible from one community.Community Blogs that you can syndicate and link to for automatic updates. We appreciate your understanding and cooperation during this transition. Stay tuned for the exciting new features and a seamless community experience ahead!

Summer of Solutions | Week 4 Results | Winners will be posted on July 24th

We are excited to announce the Summer of Solutions Challenge!    This challenge is kicking off on Monday, June 17th and will run for (4) weeks.  The challenge is open to all Power Platform (Power Apps, Power Automate, Copilot Studio & Power Pages) community members. We invite you to participate in a quest to provide solutions to as many questions as you can. Answers can be provided in all the communities.    Entry Period: This Challenge will consist of four weekly Entry Periods as follows (each an “Entry Period”)   - 12:00 a.m. PT on June 17, 2024 – 11:59 p.m. PT on June 23, 2024 - 12:00 a.m. PT on June 24, 2024 – 11:59 p.m. PT on June 30, 2024 - 12:00 a.m. PT on July 1, 2024 – 11:59 p.m. PT on July 7, 2024 - 12:00 a.m. PT on July 8, 2024 – 11:59 p.m. PT on July 14, 2024   Entries will be eligible for the Entry Period in which they are received and will not carryover to subsequent weekly entry periods.  You must enter into each weekly Entry Period separately.   How to Enter: We invite you to participate in a quest to provide "Accepted Solutions" to as many questions as you can. Answers can be provided in all the communities. Users must provide a solution which can be an “Accepted Solution” in the Forums in all of the communities and there are no limits to the number of “Accepted Solutions” that a member can provide for entries in this challenge, but each entry must be substantially unique and different.    Winner Selection and Prizes: At the end of each week, we will list the top ten (10) Community users which will consist of: 5 Community Members & 5 Super Users and they will advance to the final drawing. We will post each week in the News & Announcements the top 10 Solution providers.  At the end of the challenge, we will add all of the top 10 weekly names and enter them into a random drawing.  Then we will randomly select ten (10) winners (5 Community Members & 5 Super Users) from among all eligible entrants received across all weekly Entry Periods to receive the prize listed below. If a winner declines, we will draw again at random for the next winner.  A user will only be able to win once overall. If they are drawn multiple times, another user will be drawn at random.  Individuals will be contacted before the announcement with the opportunity to claim or deny the prize.  Once all of the winners have been notified, we will post in the News & Announcements of each community with the list of winners.   Each winner will receive one (1) Pass to the Power Platform Conference in Las Vegas, Sep. 18-20, 2024 ($1800 value). NOTE: Prize is for conference attendance only and any other costs such as airfare, lodging, transportation, and food are the sole responsibility of the winner. Tickets are not transferable to any other party or to next year’s event.   ** PLEASE SEE THE ATTACHED RULES for this CHALLENGE**   Week 1 Results: Congratulations to the Week 1 qualifiers, you are being entered in the random drawing that will take place at the end of the challenge.   Community MembersNumber SolutionsSuper UsersNumber Solutions Deenuji 9 @NathanAlvares24  17 @Anil_g  7 @ManishSolanki  13 @eetuRobo  5 @David_MA  10 @VishnuReddy1997  5 @SpongYe  9JhonatanOB19932 (tie) @Nived_Nambiar  8 @maltie  2 (tie)   @PA-Noob  2 (tie)   @LukeMcG  2 (tie)   @tgut03  2 (tie)       Week 2 Results: Congratulations to the Week 2 qualifiers, you are being entered in the random drawing that will take place at the end of the challenge. Week 2: Community MembersSolutionsSuper UsersSolutionsPower Automate  @Deenuji  12@ManishSolanki 19 @Anil_g  10 @NathanAlvares24  17 @VishnuReddy1997  6 @Expiscornovus  10 @Tjan  5 @Nived_Nambiar  10 @eetuRobo  3 @SudeepGhatakNZ 8     Week 3 Results: Congratulations to the Week 3 qualifiers, you are being entered in the random drawing that will take place at the end of the challenge. Week 3:Community MembersSolutionsSuper UsersSolutionsPower Automate Deenuji32ManishSolanki55VishnuReddy199724NathanAlvares2444Anil_g22SudeepGhatakNZ40eetuRobo18Nived_Nambiar28Tjan8David_MA22   Week 4 Results: Congratulations to the Week 4 qualifiers, you are being entered in the random drawing that will take place at the end of the challenge. Week 4:Community MembersSolutionsSuper UsersSolutionsPower Automate Deenuji11FLMike31Sayan11ManishSolanki16VishnuReddy199710creativeopinion14Akshansh-Sharma3SudeepGhatakNZ7claudiovc2CFernandes5 misc2Nived_Nambiar5 Usernametwice232rzaneti5 eetuRobo2   Anil_g2   SharonS2  

Check Out | 2024 Release Wave 2 Plans for Microsoft Dynamics 365 and Microsoft Power Platform

On July 16, 2024, we published the 2024 release wave 2 plans for Microsoft Dynamics 365 and Microsoft Power Platform. These plans are a compilation of the new capabilities planned to be released between October 2024 to March 2025. This release introduces a wealth of new features designed to enhance customer understanding and improve overall user experience, showcasing our dedication to driving digital transformation for our customers and partners.    The upcoming wave is centered around utilizing advanced AI and Microsoft Copilot technologies to enhance user productivity and streamline operations across diverse business applications. These enhancements include intelligent automation, AI-powered insights, and immersive user experiences that are designed to break down barriers between data, insights, and individuals. Watch a summary of the release highlights.    Discover the latest features that empower organizations to operate more efficiently and adaptively. From AI-driven sales insights and customer service enhancements to predictive analytics in supply chain management and autonomous financial processes, the new capabilities enable businesses to proactively address challenges and capitalize on opportunities.    

Updates to Transitions in the Power Platform Communities

We're embarking on a journey to enhance your experience by transitioning to a new community platform. Our team has been diligently working to create a fresh community site, leveraging the very Dynamics 365 and Power Platform tools our community advocates for.  We started this journey with transitioning Copilot Studio forums and blogs in June. The move marks the beginning of a new chapter, and we're eager for you to be a part of it. The rest of the Power Platform product sites will be moving over this summer.   Stay tuned for more updates as we get closer to the launch. We can't wait to welcome you to our new community space, designed with you in mind. Let's connect, learn, and grow together.   Here's to new beginnings and endless possibilities!   If you have any questions, observations or concerns throughout this process please go to https://aka.ms/PPCommSupport.   To stay up to date on the latest details of this migration and other important Community updates subscribe to our News and Announcements forums: Copilot Studio, Power Apps, Power Automate, Power Pages

Users online (823)