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

Display the picture what i want to submit into the adaptive card

Hi,

 

I have created a picture library.

when a user submits a picture in the library, i made a flow that is displaying an adaptative card for me.

It works well but how can i display the picture that he wants to submit or if it is not possible how to make the url of the photo clickable.

ALP1_0-1611423984625.png

 

 

Thanks for your advice

 
 
1 ACCEPTED SOLUTION

Accepted Solutions
Super User II
Super User II

Hi @ALP1,

 

In your image control of your adaptive card you could input a variable or a dynamic value from your flow.

 

Below is an example.

 

1. Add a get file properties to retrieve the properties of the submitted file

getfileproperties.png

2. Use the Link to Item field in the Url field of your image control. Add it via the payload editor.

 

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.2",
    "body": [
        {
            "type": "Image",
            "id": "Picture",
            "url": "@{outputs('Get_file_properties')?['body/{Link}']}"
        }
    ],
    "actions": [
        {
            "type": "Action.Submit",
            "title": "Submit"
        }
    ]
}

 adaptivecard.png

payloadeditor.png

 

Hope this helps a bit.

View solution in original post

4 REPLIES 4
Super User II
Super User II

Hi @ALP1,

 

In your image control of your adaptive card you could input a variable or a dynamic value from your flow.

 

Below is an example.

 

1. Add a get file properties to retrieve the properties of the submitted file

getfileproperties.png

2. Use the Link to Item field in the Url field of your image control. Add it via the payload editor.

 

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.2",
    "body": [
        {
            "type": "Image",
            "id": "Picture",
            "url": "@{outputs('Get_file_properties')?['body/{Link}']}"
        }
    ],
    "actions": [
        {
            "type": "Action.Submit",
            "title": "Submit"
        }
    ]
}

 adaptivecard.png

payloadeditor.png

 

Hope this helps a bit.

View solution in original post

Yes thank you very much.

 

First question : Where did you find the syntax @{outputs('Get_file_properties')?['body/{Link}']}

Do you have documentation ?

 

Second question : Do you know how i can rotate the picture   ? 

 

Resolver I
Resolver I

Correct the highlighted errors and try again.

thank you after few days it works well. thanks again

Helpful resources

Announcements
Microsoft Ignite

Microsoft Ignite

Join digitally, March 2–4, 2021 to explore new tech that's ready to implement. Experience the keynote in mixed reality through AltspaceVR!

New Super Users

Meet the Power Automate Super Users!

Many congratulations to the Season 1 2021 Flownaut Crew!

New Badges

New Solution Badges!

Check out our new profile badges recognizing authored solutions!

MPA Community Blog

Power Automate Community Blog

Check out the community blog page where you can find valuable learning material from community and product team members!

Users online (33,530)