Prism
Prism renders any SharePoint list as a beautiful view - a modern table, cards or tiles - without touching the source list. It is read-only by design: your list, its views, its permissions and its data stay exactly as they are, and clicking an item opens the native SharePoint form.
Permissions
None. Prism needs no Microsoft Graph permissions at all and there is nothing to approve in API access. It reads the list over SharePoint's own API as the signed-in user, so list permissions and item-level security apply automatically - people only ever see items they could already see. Person-column photos come from SharePoint's own profile photo service.
Set up
- Install the package (see the Install guide) - no API permissions step for Prism.
- Edit a page → add the Prism web part.
- In the property pane, pick the site and list (current site or any site by URL).
- Choose the columns to show and their order, then pick a layout.
Layouts
| Layout | Best for |
|---|---|
| Table | Working data - banded rows, sticky header, per-column sort, instant search, type-aware alignment |
| Cards | People and content - an image or person column up top, mapped fields beneath |
| Tiles | Links and reference lists - compact grid, one glanceable tile per item |
How columns render
- Choice - auto-coloured pills; the same value always gets the same colour.
- Person - profile photo and name.
- Date, number, currency - properly formatted and aligned; yes/no becomes a tick.
- Hyperlink, image, lookup, managed metadata - rendered natively; anything unsupported falls back to plain text rather than a blank cell.
Title banner
The banner across the top of the web part is the only chrome Prism draws, so it is what makes a list view sit properly on the page it lives on. Style it in the property pane under Header, alongside the title, heading level and logo. Existing web parts are unchanged: the settings only apply when you choose a style.
| Style | What it does |
|---|---|
| Solid colour | The standard filled banner - the site theme colour, or one of your own |
| Soft tint | A pale wash of the same colour, for a lighter page |
| Gradient fade | The colour fading away across the banner |
| Two colours | A gradient between the banner colour and a second colour |
| No fill (ghost) | Title only, no banner - lets a table or timeline carry the section on its own |
| Underline | A rule beneath the title |
| Accent bar | A short coloured bar beside the title |
| Overline label | A small label above the title - useful for naming the source, such as "Operations" over "Open actions" |
| Background image | A picture behind the title, with a readability overlay so the text stays legible |
- Banner shape - rounded or square, offered on the styles that have a fill.
- Banner colour - set your own; Use the site theme colour hands it back to the theme.
- Second colour, Banner background image and Overline text appear only for the style that uses them, so there are no dead settings in the pane.
- Title text colour - Automatic computes the contrast against the actual banner colour (WCAG ratios), so a brand colour stays readable; choose Light or Dark to override it.
Large lists
Prism pages through the list rather than loading everything, so large lists (including those past SharePoint's 5,000-item view threshold) stay smooth. Search covers the whole list - it uses the same engine as SharePoint's own "Search this list" - and you can page through the results; sorting is per column.
Recipes
- Tag categories as clickable filters - if your list has a Tags column (comma or semicolon separated), point Summary filter at it: each tag becomes a counted, clickable pill. Past a dozen distinct tags Prism switches to a dropdown automatically (or force either style with Summary filter style).
- Internal vs external links - add a choice (or lookup) column such as "Audience" to the links list. Viewers switch with the summary filter, or lock a page to one audience by creating a filtered SharePoint view ("Internal links") and binding Prism to it in View - the filter then applies server-side, permanently, per page.
- Upcoming birthdays and anniversaries - choose the Timeline layout and pick the date column: entries group under Today, This week, Next week and beyond, newest first, with calendar-block dates. Works over any list with a date column.