JSON Display Provider basics
You can customize Lightning Conductor views using JavaScript when the JSON Display Provider is selected as the Display Provider on the Web Part tab:
When this option is selected, the Display tab provides you with a list of preconfigured JSON views that we have created. These are useful examples to see how content can be displayed, but you can also further customize one of our views or build your own.
Clicking on the eye icon to the right of the selected JavaScript file will allow you to view the code. Each selection has its own tooltip below the dropdown, with a brief description of what it does.
The Hide Built-in JavaScript Files option can be enabled if you don't want our sample views available to users configuring this Lightning Conductor, but rather only the views that you've created.
The JavaScript Files Library is where you can specify a SharePoint library where you have saved your own custom JSON views. Please make sure all users have at least Read access to the library you select, so the view will render for them.
Built-in JSON views
The various built-in views have different options available that allow you to change some settings without needing to modify the JavaScript code yourself. These options are described below.
Data Table View
LightningToolsDataTable.js renders data in a grid view using the jQuery dataTables plugin.
Document View (Tiles)
LightningToolsDocumentView.js renders results from a document library as Tiles, with a preview of the first page of the document within the Tile.
File Viewer
LightningToolsFileViewer.js allows you to preview documents such as Word, Excel, PowerPoint, or PDF files.
Calendar View
LightningToolsCalendar.js displays results from Event/Calendar lists or Task lists (or any lists containing dates) within a calendar view which offers Day, Week or Month views.
3-Column View
LightningToolsGroupedList.js renders data in a 3-column view grouped by the first selected field.
Image Slider View
LightningToolsImageSlider.js displays images in a slider fashion.
News Carousel View
LightningToolsNewsCarousel.js displays News items in a carousel view similar to Microsoft's News web part carousel.
News List View
LightningToolsNewsList.js displays News items in a list view similar to Microsoft's News web part.
Timeline View
LightningToolsTimeline.js displays results from Task lists in a Timeline view.
Graph View
LightningToolsGraph.js displays results in a Graph view showing the interaction between users of documents or list items.
Planner Tasks View
LightningToolsPlannerTasks.js renders Microsoft Planner tasks using the Microsoft Graph Toolkit for each Plan or Microsoft 365 Group from the selected data source.