Best way to implement an image picker column in a SP modern site/list?

RS 21 Reputation points
2021-05-10T20:14:36.377+00:00

In a sharepoint modern site and list, I'm looking to implement a column that allows users to select an image from a SP site list/library or a stock image, etc... But in the most OOTB way. Basically like this https://pnp.github.io/sp-dev-fx-controls-react/controls/FilePicker/ or one of the ones you see when you select an image from a web part settings pane. But the key is that you can do that from a column in a custom list.

To the best of my knowledge the closest OOTB feature was a hyperlink field formatted as image or a image upload field. Or convert the list to classic and put in a site column for publishing image/rollup. But all of these won't work for me, so I was wondering if anyone came across how to implement the picker or know if there was some upcoming feature that is planned for this?

Anyone know why this was removed from SP as well?

I have something with SPFx implemented that works (using list view command set and the file picker from pnp controls), but wanted to know if there was an easier way.

Thanks

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
10,159 questions
SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,784 questions
0 comments
Accepted answer
  1. MichaelHan-MSFT 18,021 Reputation points
    2021-05-11T02:59:02.12+00:00

    Hi @RS ,

    Currently, there is no easy way to implement image picker in modern list column. SPFX for list view command set using pnp file controls is the only way for modern list. Otherwise, you need to convert list to classic experience.

    The same question has been discussed here: https://sharepoint.stackexchange.com/questions/284690/how-to-add-an-image-picker-to-a-modern-list-in-sharepoint-online

    If an Answer is helpful, please click "Accept Answer" and upvote it.
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    0 comments

0 additional answers

Sort by: Most helpful
Most helpful Newest Oldest