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

Multiline text field with attach images

Hi all,

I am new to Power Platform. We are using the Office 365 online. In that we have a capability to add images within the multi line text. (in new/edit mode)

 

Can we do the same in Power apps ? any OOTB control available to do that ?

 

Thanks in advance.

8 REPLIES 8
Microsoft
Microsoft

At this time, no. Rich Text Formatting while including images inline is not currently supported. It is being reviewed as a potential future feature.

Community Support
Community Support

Hi @gokulnath ,

Do you want to add images inside a Multiple Lines of Text field or controls in canvas app?

Which images do you want to display inside the Multiple Lines of Text field? Do these images require authentication or permission to access?

 

If these images you want to display inside the Multiple Lines of Text field need authentication or Permission to access, I afraid that there is no way to achieve your needs in PowerApps currently.

 

If these images you want to display inside Multiple Lines Text field are public resource, in other worlds, anyone could access these images without any permission, I think the "Html Text" control could achieve your needs. Firstly, you need to acquire the "Shared Link" (anyone could access) of these images, then set the HtmlText property of the HtmlText control to following:

"<img src='" & "https://c.pxhere.com/photos/2c/13/portrait_cute_face_animal_animals_germany_fur_deutschland-190772.jpg!d" &"' width='400' height='500'  />"

1.JPG

Please try above solution, hope it would help in your scenario.

 

Of course, if you could get the base64 encode data/binary data of your image, you could also display the image in a canvas app using a Image control:

base64 encode data looks like below:

data&colon;image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEA.....

Then you could set the Image property of a Image control to above base64 encoded data directly:

2.JPG

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Hi,

 

Thanks for your input.

Hi @gokulnath ,

If the above reply we posted is helpful in your scenario, please consider go ahead to click "Accept as Solution" to identify our reply as helpful.

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Thanks for your reply.

Yes. We are using canvas app for SharePoint 2016.

User can select Images from local devices.

 

In that case if we use image control, User can select images from local device (will it allow  multiple images ?).

1. How to store those attached images to SharePoint list ?

2.  How to retrieve those attached images from SharePoint list and show in Image control ?

 

Hi @gokulnath ,

For your first question, regarding that you use SP List as data source, I think the Attachments control could achieve your needs. You could generate an app based on your SP list, then go to the Edit form (in Edit screen) in your generated app, then enable "Attachments" field data card inside the Edit form, then you could use the Attachments control to upload multiple images (pick up one image once time, but you could upload multiple times) back to your SP list as attachments.

More details about the Attachments control for SP list data source, please check the following blog:

https://powerapps.microsoft.com/en-us/blog/add-attachments-to-sharepoint-lists/

 

For your second question, I assume that you have used above "Attachments" functionality to attach multiple images to a SP List Item in your SP List already. If you want to preview this stored/attached images, you could consider add a Gallery control in your Detail screen, and then set the Items property of the Gallery to following:

BrowseGallery1.Selected.Attachments

Then add a Image control inside the Gallery, set the Image property to following:

ThisItem.Value

 

Please check and see if the following video resource could help in your scenario:

https://www.youtube.com/watch?v=sxc3nhgostQ

https://www.youtube.com/watch?v=eZtOVvbj9qw

 

Please take a try with above solution, hopes it could help solve your issue.

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

 

 

 

 

Hi @v-xida-msft ,

 

Any suggestion on this.

 

thanks

Helpful resources

Announcements
New Badges

New Solution Badges!

Check out our new profile badges recognizing authored solutions!

New Power Super Users

Congratulations!

We are excited to announce the Power Apps Super Users!

Power Apps Community Call

Power Apps Community Call: February

Did you miss the call? Check out the Power Apps Community Call here.

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!

Top Solution Authors
Top Kudoed Authors
Users online (54,940)