Forum Discussion

Jake_Hembree's avatar
Jake_Hembree
Brass Contributor
Mar 31, 2023
Solved

SharePoint list (not site) image carousel

I'm looking for a way to create an image carousel in a list. Currently I have a list that displays an image using: { "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatti...
Carousel
Column Formatting
images
json
Lists
SharePoint Online
  • ganeshsanap's avatar
    ganeshsanap
    Apr 04, 2023

    Jake_Hembree You can use setValue in customRowAction to update column value based on another column values like: 

     

    "customRowAction":{
    "action": "setValue",
    "actionInput": {
      "FieldInternalName_1": [$FieldInternalName_2] + 1,
      "UpdateState": "=Number(@now)"
    }
}

     

    Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

    For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs

ganeshsanap's avatar
ganeshsanap
MVP
Apr 01, 2023

Varun8492 SharePoint online modern experience list view pages does not support adding custom CSS/JSS or using content editor web parts.

 

Jake_Hembree If you want highly customized solution in SharePoint online modern experience, you can use SharePoint framework (SPFx) to create image carousel web part.

 

Here's a SPFx sample which will help you to get started with: https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-carousel 

Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs

Varun8492's avatar
Varun8492
Copper Contributor
Apr 01, 2023
Oh yes Ganesh! That is correct then I would go for Sharepoint framework. In SharePoint Online modern experience, Microsoft has restricted the ability to add custom CSS/JS or use Content Editor Web Parts (CEWP) on modern list views.

Instead, Microsoft has introduced SharePoint Framework (SPFx), which allows developers to create custom web parts and extensions using modern development tools and technologies like React, TypeScript, and JavaScript. These custom web parts can be added to modern SharePoint pages, including list view pages.

Additionally, Microsoft has provided a theming engine in SharePoint that allows you to customize the look and feel of your SharePoint site, including list views, using pre-defined themes, colors, and fonts. You can access the theming engine through the SharePoint admin center or by using PowerShell scripts.

If you need to customize the look and feel of your list views beyond what is available through the theming engine, you may want to consider creating a custom solution using SharePoint Framework or reaching out to a SharePoint developer for assistance.

Resources