List of Column Formatting Samples¶
This is an alphabetical list of all the column formatting samples available. Each sample has a dedicated readme file to explain setup instructions and demonstrated capability.
Tip
Depending on what you are looking for, you may find the sample groupings more helpful.
- 0 to 10 Rating Scale
- Approval Status Hover Card
- Approval Status Icons and Colors
- Assign to Me
- Bar Chart Column Formatter
- Blurred Field Value
- Bubble Chart Column Formatting
- Bulleted and Numbered List
- Calculator
- Call phone number with Microsoft Teams
- Centered Content
- Change color based on Item Child Count
- Changing Image Hyperlink Standard Behavior
- Color Based Emojis
- Color Circles
- Comment Count
- Compressed Date
- Concatenate Currency Symbol
- Conditional Progress Color
- Conditional Text Formatting (Severity)
- Conditionally Launch Flow for Item
- Context Menu
- Count the Number of Clicks on a Link
- Country Flag
- Course Registration
- Custom Approver Hover Card
- Custom Hover Card (Column)
- Custom Share to Teams
- Data Bar
- Date Difference
- Date Notation
- Date Update Format
- Days Counter
- Decimal to Binary Conversion
- Demote News to Site Page
- Display a Bing Maps Image for a Location
- Display a Google Maps Image for a Location
- Display a Person's Profile Picture in a Circle
- Display a Picture Column in a Circle
- Display Comma-Separated Text as Tags
- Display Comment Count
- Display Count Up and Count Down Buttons
- Display Hourglass
- Display icons by repeating
- Display Link to Google Maps
- Display Location Address Details
- Display Location Weather Details
- Display QR Code
- Display Tags
- Display URLs in Hyperlink Column
- Displaying embedded content using the embed action
- Doughnut Chart
- Download File Button
- Download Image from SharePoint Image column
- Dynamic Colored Pills
- Dynamic Links
- Expand Collapse Format
- Field Value Update Button
- File Picker
- File Preview
- File Preview Callout with the embed Action
- File Thumbnails
- File Thumbnails or Hyperlinks
- Flow Status
- Format a column with multi-path SVGs
- Format a row as a card with buttons
- Formatting a column when a date column is blank
- Gamification Badges
- Gantt Chart
- Generic Gauge
- Generic Super Type
- Heart in Heart
- Heart Shading
- Highlight non-empty folder
- Highlight the Current User
- Highlight the Current User (Using a Multi-Person Column)
- Hyperlink long addresses
- Icon Overlays
- Icon Progress Bar
- Identicon Column Formatting
- Image Lightbox
- Image with Overlay Buttons
- Incident Action Buttons
- Inline Approval
- Inline Column Chart
- ISBN to Book Cover Image
- Issue Status Pill
- Item Version History
- Launch a Flow for a Selected Item
- Launch Power App Button
- Like / Dislike - Unique reaction
- Like/Dislike Bar
- Like/Unlike List Item
- Liked By Users
- Linear Gauge
- Link to Parent Documentset
- Linking to a Local Resource
- Location Bing Maps
- MailTo Button
- Managed Metadata Tag Icon
- Managed Metadata Values to Buttons
- Minimum Value Highlight
- Monthly Emoji
- Monthly Gantt Chart
- Multi person favorite
- Multi-Choice forEach
- Multi-Choice Icons
- Multi-Choice Links
- Multi-Colored Databars
- Multi-line Text with Word Wrap
- Multi-lookup fields and projected fields
- Multi-Person Facepile
- Multi-Person inline edit pill
- Multi-Person Mail To Link
- Multi-Person Teams Chat Link
- Multiple Choice Country Flags
- Multiple hyperlinks in single field
- Multiple thumbnail
- Number Battery
- Number Circle in Circle
- Number Gauge
- Number Gradation
- Number Level Bar
- Number Localization
- One Point Chart
- Open File as PDF
- Overdue Date
- Page-a-day Calendar
- People Name Avatar Card
- Per 100 People Grid
- Person Hover Card
- Person Localization
- Person Mail To Link
- Pie Chart
- Pie Chart Column Formatter
- Progress bar using text or emoji
- Project Indicator Formats
- Published Version
- Publishing Status
- Quick Charts
- Quick-View Issue Card
- Quiz Results with Emoji
- Reacting and displaying users who have reacted
- Red-Amber-Green (RAG) Bars Based on Date Ranges
- Reference a Local Image
- Right-Aligned Content
- Rounded Fill Checkbox
- Row Actions
- Row Index Drawing
- Scheduling Dialog Links to MS Teams and Outlook
- Set Date to Today's Date (Date Only)
- Shaded Backgrounds
- Share to teams
- Show trending up/trending down icons
- Social Media Profile Pics
- Star Icons
- Star Rating
- Strikethrough on Completion
- Substring Status
- SVG icons
- Task Matrix
- Teams Call Format
- Teams Message Format
- Text Contains
- Text StartsWith Calling Codes
- Time Schedule
- Timeline Format
- Tolerance Comparison
- Traffic Light (Red-Yellow-Green) Status Indicator
- Traffic Light Style Column Formatting
- Twitter Profile Pics
- Volume option
- Word Cloud Column Formatting
- Work Progress Category Pill
- World Current Time
- World Time
- Yearly Gantt Chart
- Yes/No Checkbox
- Yes/No Checkmark
- Yes/No Column Check Mark
- Yes/No Column Toggle
- Yes/No Icon Color
- YouTube Thumbnail