pnp/list-formatting

The Product Catalog sample demonstrates advanced SharePoint list formatting techniques, specifically:

• Using view formatting to format lists and display list views within web parts.
• Creating functional links to download documents directly from SharePoint Document libraries.

The Formatter Generator for HTML is a tool designed to convert HTML snippets into the JSON format required for SharePoint list formatting.

It supports the following HTML tags:

• <div>
• <span>
• <a>
• <img>
• <button>
• <svg>
• <path>

The tool processes style tags and inline style attributes, as well as CSS provided via a dedicated CSS pane. Note that while the preview window handles most basic scenarios, the final output in SharePoint may occasionally differ.

The Picture Link Tiles sample is a SharePoint list formatting solution that creates a visual link collection using images and a Gallery view layout. It organizes links into groups based on a category column.

Solution File: picture-link-tiles.json
Authors: Tetsuya Kawahara & Watana

The pnp/list-formatting repository provides a collection of View Formatting samples designed for use in SharePoint Online and Microsoft Lists. Samples are organized into dedicated folders, each containing a README.md, screenshots, and the JSON configuration required to apply the sample to your environment.

You can browse these samples in two ways:

1. Full Gallery: View a friendly, searchable display of all available view samples at the View Samples documentation site.
2. Categorized Groupings: Find specific samples by filtering through various groupings such as operators, tokens, authors, or class usage at the Groupings documentation site.

The pnp/list-formatting repository provides a wide variety of JSON-based column formatting samples for SharePoint Lists and Document Libraries. These samples demonstrate how to transform standard column displays into rich UI elements like charts, buttons, QR codes, and interactive cards.

Common use cases include:

• Data Visualization: Doughnut charts for percentages or multi-path SVGs for data representation.
• File Management: Download buttons, file previews (including embedded content), and file thumbnails using the @thumbnail token.
• Interactivity: Buttons to trigger Power Automate flows, update field values, or expand/collapse content.
• Enhanced Information: Converting location properties into full addresses, displaying weather details, or turning text into dynamic hyperlinks (e.g., stock tickers to Yahoo Finance).

The pnp/list-formatting repository provides a collection of SharePoint List Formatting samples categorized by their functional approach. These samples can be used as templates or reference implementations for:

• Board Views: Customizing board views with features like tagging, timelines, or sticky note styles.
• Charts: Generating visual data representations such as Bar Charts, Pie Charts, and Gauges using either Column or View formatting.
• CommandBar Customization: Modifying the SharePoint command bar to hide buttons, display specific actions (like 'Edit in grid view'), or transform list items into specialized card formats.

Each sample is available in the repository as either a view-sample (applying to the entire list view) or a column-sample (applying to a specific column).

The pnp/list-formatting repository contains a collection of SharePoint List Formatting samples categorized by their author. These samples include:

• View Formats: Templates that customize the entire list view (e.g., dashboards, charts, timelines).
• Column Formats: Templates that customize the appearance of a specific column (e.g., progress bars, conditional colors, links).
• Form Formats: Templates that customize the list item edit/new form (e.g., custom headers).

You can browse these samples on GitHub to find specific implementations for features like bar graphs, task cards, or conditional styling.

The repository provides ready-to-use JSON samples for three main areas of SharePoint customization:

• Column Formatting: Customizes individual columns within a list.
• View Formatting: Customizes the entire layout and appearance of a list view.
• Form Formatting: Customizes the appearance and layout of the list item forms.

This repository provides a collection of JSON-based formatting samples used to customize how fields are displayed in SharePoint lists and libraries. You can use these samples to implement column, view, or form formatting by constructing JSON objects that describe elements and styles.

Available sample categories include:

• Column Formatting: Customizes individual field displays within a list.
• View Formatting: Customizes the layout and appearance of an entire list view.
• Form Formatting: Customizes the appearance of SharePoint forms.

The pnp/list-formatting repository provides a collection of JSON-based formatting samples for SharePoint Lists and Columns. These samples are categorized by the type of user interaction or 'Action' they enable.

Key sample categories include:

• View Formats: Transform the entire list view (e.g., Board views, Bulletin Boards, Discussion Boards, Video Galleries, or Custom Hover Cards).
• Column Formats: Customize specific columns to provide visual cues (e.g., highlighting non-empty folders) or to act as interactive buttons (e.g., Row Actions).

You can browse these samples in the repository to find patterns for complex UI requirements like tagging, inline editing, or integrating with Power Apps.