Recently added and updated List Formatting SharePoint samples
Image Source: Shutterstock.com
Jan 21, 2023 7:00 AM

Recently added and updated List Formatting SharePoint samples

External Blog Post

number-icon-repeat, multi-choice-bulleted-numbered-list and managed-metadata-tag-icon

Recently added and updated List Formatting SharePoint samples

List Formatting SharePoint samples are code snippets that allow users to quickly apply formatting options for their lists. These samples can be used on any list in SharePoint, including custom lists. They provide an easy way to customize the look and feel of your list without having to write a lot of code or learn HTML or CSS. With these samples you can easily change font sizes, colors, backgrounds, alignment, borders and more with just a few clicks. Additionally they come with helpful descriptions so you know exactly which sample will do what you need it to do!

Recently added and updated List Formatting samples

  • Display icons by repeating

This sample demonstrates the use of the padStart and split operators to repeatedly display icons for the number of values in the number column.

https://adoption.microsoft.com/en-us/sample-solution-gallery/sample/pnp-list-formatting-number-icon-repeat/

  • Bulleted and Numbered List

This sample demonstrates displaying Multi-Select Choice column values like a bulleted and numbered list.

https://adoption.microsoft.com/en-us/sample-solution-gallery/sample/pnp-list-formatting-multi-choice-bulleted-numbered-list/

  • Vertical Mega Menu

This sample demonstrates the use of multi lines of text column value and the split operator to display a vertical mega menu.

https://adoption.microsoft.com/en-us/sample-solution-gallery/sample/pnp-list-formatting-vertical-mega-menu/

More about this Topic

You can use List Formatting to customize how fields and views in SharePoint lists and libraries are displayed. List Formatting is applied by constructing a JSON ...

Jun 29, 2022 — To format rows in 'List' or 'Compact List' layout, select 'List' in 'Choose layout' dropdown in the formatting pane and use the rowFormatter or ...

Feb 2, 2022 — It's as simple as going to your List column –> Column settings –> “Format this column” option and pasting in the JSON that has already been ...

Apr 19, 2022 — Sharepoint content management - Column Formatting Samples ... The SharePoint New and Edit Form has been around from the early days of ...