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

(1) Share

Report

Posted on by MB-04030216-0

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:

General topics

I have the same question (0)

All responses (4)

Answers (0)

Sort by

Suggested answer

11manish 2,589 on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
Suggested answer

MS.Ragavendar 7,222 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

@MB-04030216-0,

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.

Was this reply helpful? Yes No
Suggested answer

Valantis 5,936 on at

Like (1)

Report
Copy link

Link copied!

Hi @MB-04030216-0,

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

Was this reply helpful? Yes No
Suggested answer

Haque 3,362 on at

Like (1)

Report
Copy link

Link copied!
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:

   Upload the image you want to display to a SharePoint document library or any location accessible via a URL.

   Copy the direct URL of the image.

   Navigate to the SharePoint list where you want to customize the form.

   Open any item in the list to display the form.

   At the top right of the form, click the Edit Form (pencil) icon.

   Select Configure layout from the dropdown.

   In the Format pane that appears on the right, select Header from the "Apply formatting to" dropdown.

   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.

Was this reply helpful? Yes No