Create an image gallery with Adaptive Cards

Question

I want to create a gallery to display images. It will auto adjust image size based on page. And I will store the images in a library. The gallery need to get the images from sharepoint library. And the page should like following pic. Could spfx implement this feature?

Answer 1

Hi @lee sharepoint,

I would recommend you to use react-adaptive-cards-image-gallery. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list.You could refer to following document

https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-adaptive-cards-image-gallery

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

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.