web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Copilot Studio / Can i display a graphi...
Copilot Studio
Suggested Answer

Can i display a graphic in a question description in SharePoint forms?

(1) ShareShare
ReportReport
Posted on by 32
Hello Forum, 
 
I'm attempting to use SharePoint Lists for the first time (I usually use Microsoft lists, but this is a very basic form with the need for attachments so opted for SharePoint list)
 
Is there a way to add a picture to a question? 
 
For example, a risk matrix prior to asking the applicant to score themselves in the question box bellow.  
Categories:
I have the same question (0)
  • Suggested answer
    11manish Profile Picture
    2,589 on at
    SharePoint List + Power Apps customized form is the most practical and flexible solution.
     
    It allows you to place the risk matrix exactly where users need it and provides a more intuitive experience than the standard SharePoint form.
  • Suggested answer
    MS.Ragavendar Profile Picture
    7,222 Super User 2026 Season 1 on at
     
    Are you going with the approach of Form Customization in Power Apps or Stand Alone Canvas App. 
     
    In both the cases we can able to develop this functionality.
     
    This post covers up How to build a Risk Matrix.
     
    ✅If this helped, please Accept as Solution to help others ❤️ A Like is appreciated 🏷️ Tag @MS.Ragavendar for follow-ups.
  • Suggested answer
    Valantis Profile Picture
    5,936 on at
     
    The standard SharePoint list form doesn't support adding images in question descriptions natively. But you can do this by customising the form with Power Apps.

    In your SharePoint list, click Integrate > Power Apps > Customise forms. This opens the form in Power Apps where you can add an Image control and position it above your question field. Upload your risk matrix image there and it will display as part of the form when users open it.

    This keeps all the SharePoint list functionality including attachments, and lets you place the image exactly where you need it.
     

     

    Best regards,

    Valantis

     

    ✅ If this helped solve your issue, please Accept as Solution so others can find it quickly.

    ❤️ If it didn’t fully solve it but was still useful, please click “Yes” on “Was this reply helpful?” or leave a Like :).

    🏷️ For follow-ups  @Valantis.

    📝 https://valantisond365.com/

    💼 LinkedIn

    ▶️ YouTube

  • Suggested answer
    Haque Profile Picture
    3,362 on at
    Hi @MB-04030216-0,
     
    Apart from the PowerApps customization options - you have two other options you can choose:
     
    [+] Form Header Image: You can add a custom image in the form header by using JSON formatting on the form layout. This involves uploading the image to a document library, copying its URL, and then applying JSON code to the form header to display the image.
     
    [+] Image Column: You can add an image column to your SharePoint list where users can upload or display images related to list items, but this is separate from the question description.
     
     
    If you choose Form Header Image, you can follow these steps:
     
    1.     Upload the image you want to display to a SharePoint document library or any location accessible via a URL.
    2.     Copy the direct URL of the image.
    3.     Navigate to the SharePoint list where you want to customize the form.
    4.     Open any item in the list to display the form.
    5.     At the top right of the form, click the Edit Form (pencil) icon.
    6.     Select Configure layout from the dropdown.
    7.     In the Format pane that appears on the right, select Header from the "Apply formatting to" dropdown.
    8.     Paste the following JSON code into the text box, replacing "YOUR_IMAGE_URL_HERE" with the URL of your image:
          
    {
      "elmType": "div",
      "style": {
        "text-align": "center",
        "margin-bottom": "16px"
      },
      "children": [
        {
          "elmType": "img",
          "attributes": {
            "src": "YOUR_IMAGE_URL_HERE",
            "alt": "Form Header Image"
          },
          "style": {
            "max-width": "100%",
            "height": "auto"
          }
        }
      ]
    }
    

    Click Preview to see how the image looks in the form header. If satisfied, click Save to apply the changes.
     
    Note:     "text-align": "center" -  you control to change the alignment.
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Launch!

Jump in, show your community spirit, and win prizes!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Copilot Studio

#1
Valantis Profile Picture

Valantis 302

#2
Vish WR Profile Picture

Vish WR 240

#3
Romain The Low-Code Bearded Bear Profile Picture

Romain The Low-Code... 223 Super User 2026 Season 1

Last 30 days Overall leaderboard