Create an image gallery with Adaptive Cards

lee sharepoint 80 Reputation points
2024-05-17T00:26:19.7+00:00

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?

User's image

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
10,022 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,762 questions
{count} votes

Accepted answer
  1. RaytheonXie_MSFT 32,556 Reputation points Microsoft Vendor
    2024-05-17T06:24:34.3733333+00:00

    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.

    0 comments No comments

0 additional answers

Sort by: Most helpful