Samples by Category¶
Samples are grouped by topic or approach. This is not an exhaustive list.
5 samples
Board¶
9 samples
Charts¶
- Bar Chart Column Formatter
- Bar Graph
- Butterfly Chart
- Column Graph
- Custom Charts
- Linear Gauge
- Pie Chart Column Formatter
- Quick Charts
- Team Poll
7 samples
CommandBar Customization¶
- Annual Performance Review
- Diet Plan Card Formatter
- Display Edit in Grid View Button in the Command Bar
- Exam Bundle Tracker
- Hide All Buttons on Command Bar
- Hide Automate Button in the CommandBar
- Team Poll
5 samples
Document Library¶
- File Thumbnails
- File Thumbnails or Hyperlinks
- Generic Super Type
- Highlight non-empty folder
- Published Version
1 sample
Emoji¶
3 samples
Frequently Asked Questions¶
42 samples
Gallery¶
- Advent Calendar
- Board Tags
- Contact Custom Avatar Card
- Content Navigator
- Custom Document Library Gallery Card
- Custom Hover Card (View)
- Default Hover Card
- Disable default click action on a tile list view
- Elf Progress Board
- Employee Onboarding: Steps
- Flashcards
- Funnel Chart
- Glossary View Formatters
- Horse Crests
- Icon Link Tiles
- Image Card Tiles
- Image Grid
- Image with Overlay Buttons
- In Memoriam Tiles
- Interactive Content Card with Button
- Internal CV
- Issue Tracker: Planner Cards
- Link Collection using Emojis
- Linkinbio
- Linkinbio_Instagram
- Links to Search Page
- Modern Event Cards
- Modern Event Tiles
- photo-gallery-with-likes
- Picture Link Tiles
- Picture Link Tiles Doc Lib
- Picture Quick Links
- Praise Cards
- Pricing Table
- Product Gallery
- Prompt Cards
- QR Code Tile
- Quiz
- Rating in Tiles
- Video Gallery
- Whiteboard sticky notes
- Wordle
21 samples
Grouped¶
- Annual Performance Review
- Bookmarks
- Display a User's Photo in Group Header
- Display User Properties in the Group Header
- Exam Bundle Tracker
- FAQ Accordion
- Group by header color depending on item count
- Group Header Status Icon and Color
- Grouped FAQs
- Head of Business Unit Overview
- Internal CV
- Link Collection using Emojis
- Links to Search Page
- Menu Style List
- Payments
- Picture Link Tiles
- Picture Link Tiles Doc Lib
- Remove Column Name from Group Header
- Student & Class Learning Tracker
- Team Poll
- To-Do List
84 samples
Hover Cards¶
- Announcements
- Approval Status Hover Card
- Assign to Me
- Board Tags
- Butterfly Chart
- Chevron shape format
- Christmas Tree
- Clipboards
- Color Picker
- Context Menu
- Custom Approver Hover Card
- Custom Charts
- Custom Hover Card (Column)
- Custom Hover Card (View)
- Default Hover Card
- Demote News to Site Page
- Department Members List
- Discussion Board
- Display Hourglass
- Display QR Code
- Doughnut Chart
- Elf Progress Board
- Emoji Reactions
- Employee Onboarding: Steps
- Event Registration
- Exam Bundle Tracker
- File Preview Callout with the embed Action
- File Thumbnails
- Flow Status
- Gantt Chart
- Generic Super Type
- Head of Business Unit Overview
- Heat Map
- Highlight non-empty folder
- Horse Crests
- Image Grid
- Image Lightbox
- Internal CV
- Issue Tracker: Planner Cards
- Like/Dislike Bar
- Liked By Users
- Linkinbio_Instagram
- Links to Search Page
- Location Bing Maps
- London Underground Line Status
- Menu Link button
- Menu Link Tiles
- Message Chat Bubbles
- Modern Event Tiles
- Multi-Person Displays
- Multi-Person inline edit pill
- One Point Chart
- Payments
- People Name Avatar Card
- Person circle Header
- Person Hover Card
- Person Localization
- Piano
- Praise Cards
- Project Gantt Chart
- Project Health Dashboard
- Quick-View Issue Card
- Quiz
- Rating in Tiles
- Reacting and displaying users who have reacted
- Stat Comparison Chart
- Sticky Notes Board
- Student & Class Learning Tracker
- Team Poll
- Teams Group Chat Links
- Teams Message Format
- Testimonials
- Timeline
- Timeline Format
- To-Do List
- Travel Requests
- Travel Tweets Board
- Vertical Mega Menu
- Video Gallery
- Wordle
- World Current Time
- World Time
- Yearly Gantt Chart
- YouTube Thumbnail
170 samples
Icons¶
- Announcements
- Annual Performance Review
- Approval Status Hover Card
- Approval Status Icons and Colors
- Assign to Me
- Bar Graph
- Birthdays
- Board Tags
- Budget Tracker Sample
- Bulleted and Numbered List
- Bulletin Board
- Call phone number with Microsoft Teams
- Chevron shape format
- Christmas Tree
- Clipboards
- Color Based Emojis
- Color Picker
- Column Graph
- Comment Count
- Conditional Text Formatting (Severity)
- Conditionally Launch Flow for Item
- Contact Cards
- Contact Custom Avatar Card
- Content Navigator
- Context Menu
- Course Registration
- Custom Charts
- Custom Hover Card (Column)
- Custom Hover Card (View)
- Date Update Format
- Days Counter
- Demote News to Site Page
- Discussion Board
- Display Comma-Separated Text as Tags
- Display Comment Count
- Display Count Up and Count Down Buttons
- Display icons by repeating
- Display Link to Google Maps
- Display QR Code
- Display User Properties in the Group Header
- Displaying embedded content using the embed action
- Doughnut Chart
- Download Image from SharePoint Image column
- Elf Progress Board
- Emoji Reactions
- Employee Onboarding: Steps
- Employee Recognition Card
- Event Itinerary Header
- Event Registration
- Exam Bundle Tracker
- Expand Collapse Format
- FAQ Accordion
- Field Value Update Button
- File Picker
- File Preview
- File Preview Callout with the embed Action
- Flight Card
- Flow Status
- Gantt Chart
- Generic Super Type
- Group Header Status Icon and Color
- Highlight non-empty folder
- Highlighted Announcements
- Honeycomb Links
- Horse Crests
- Hyperlink long addresses
- Icon Link Tiles
- Icon Overlays
- Icon Progress Bar
- Image Grid
- Image Lightbox
- Image Slider
- IMDb Card
- Inline Approval
- Internal CV
- Issue Status Pill
- Issue Tracker: Planner Cards
- Item Version History
- Launch a Flow for a Selected Item
- Launch Power App Button
- Like / Dislike - Unique reaction
- Like/Unlike List Item
- Liked By Users
- Linear Gauge
- Linkinbio
- Linkinbio_Instagram
- Links to Search Page
- Location Bing Maps
- London Underground Line Status
- MailTo Button
- Managed Metadata Tag Icon
- Menu Link button
- Menu Link Tiles
- Menu Style List
- Microsoft Teams chat with Task owner
- Minimum Value Highlight
- Modern Event Tiles
- Multi person favorite
- Multi-Choice Icons
- Multi-Person Mail To Link
- Multi-Person Teams Chat Link
- Multiple hyperlinks in single field
- Multiple thumbnail
- Number Level Bar
- Out of Office
- Payments
- Percent Chart format
- Person Cards
- Person Mail To Link
- photo-gallery-with-likes
- Picture Link Tiles Doc Lib
- Planner Inspired Task Cards
- Praise Cards
- Pricing Table
- Project Gantt Chart
- Project Health Dashboard
- Project Indicator Formats
- Prompt Cards
- Property Card
- Publishing Status
- Quick-View Issue Card
- Quiz
- Quiz Results with Emoji
- Rating in Tiles
- Reorder and Expand Board Items
- Request Sign-off
- Resource Catalog Sample
- Retail Accounts
- Rounded Fill Checkbox
- Row Actions
- Row Index Drawing
- Scheduling Dialog Links to MS Teams and Outlook
- Search Within Tags
- Send Email to Task owner
- Send Meeting Invite with Microsoft Teams
- Set Date to Today's Date (Date Only)
- Share to teams
- Show trending up/trending down icons
- Speed Dial
- Star Icons
- Stat Comparison Chart
- Status Header and Footer
- Sticky Notes Board
- Student & Class Learning Tracker
- Substring Status
- SVG icons
- Tabs
- Team Poll
- Teams Call Format
- Teams Group Chat Links
- Teams Message Format
- Tic-tac-toe
- To-Do List
- Tolerance Comparison
- Travel Tweets Board
- Twitter Timeline
- Two Column Logo Header
- User Profile Card
- Vertical Mega Menu
- Video Gallery
- Video Navigator
- Weather forecast
- Work Progress Category Pill
- Workflow Progress Header
- World Time
- Yes/No Checkbox
- Yes/No Checkmark
- Yes/No Column Check Mark
- Yes/No Column Toggle
- Yes/No Icon Color
3 samples
Image¶
77 samples
Inline Editing¶
- Advent Calendar
- Annual Performance Review
- Assign to Me
- Bar Option Picker
- Board Tags
- Book Template Card Formatter
- Calculator
- Chevron shape format
- Clipboards
- Color Picker
- Compressed Date
- Count the Number of Clicks on a Link
- Country Flag
- Course Registration
- Custom Charts
- Date Update Format
- Decimal to Binary Conversion
- Demote News to Site Page
- Discussion Board
- Display Count Up and Count Down Buttons
- Elf Progress Board
- Emoji Reactions
- Employee Recognition Card
- Event Registration
- Exam Bundle Tracker
- Expand Collapse Format
- Field Value Update Button
- File Picker
- Flashcards
- Gantt Chart
- Image Slider
- Inline Approval
- Internal CV
- Like / Dislike - Unique reaction
- Like/Unlike List Item
- Links to Search Page
- Location Bing Maps
- Menu Link Tiles
- Multi person favorite
- Multi-Person Displays
- Multi-Person inline edit pill
- Multiple Choice Country Flags
- Multiple thumbnail
- Number Level Bar
- Numeric card format
- One Point Chart
- Payments
- Percent Chart format
- photo-gallery-with-likes
- Picture Link Tiles Doc Lib
- Praise Cards
- Project Gantt Chart
- Rating in Tiles
- Reacting and displaying users who have reacted
- Reorder and Expand Board Items
- Roll Dice
- Rounded Fill Checkbox
- Row Actions
- Search Within Tags
- Set Date to Today's Date (Date Only)
- Shopping Cart
- Star Icons
- Sticky Notes Board
- Student & Class Learning Tracker
- Tabs
- Team Poll
- Teams Group Chat Links
- Tic-tac-toe
- Timeline in Board View
- To-Do List
- Travel Requests
- Video Gallery
- Volume option
- Wordle
- Yes/No Checkbox
- Yes/No Column Toggle
- Yes/No Icon Color
10 samples
Microsoft Teams¶
- Call phone number with Microsoft Teams
- Custom Share to Teams
- Microsoft Teams chat with Task owner
- Multi-Person Teams Chat Link
- Scheduling Dialog Links to MS Teams and Outlook
- Send Meeting Invite with Microsoft Teams
- Share to teams
- Teams Call Format
- Teams Group Chat Links
- Teams Message Format
2 samples
Power Apps¶
9 samples
Power Automate¶
- Conditionally Launch Flow for Item
- Custom Document Library Gallery Card
- Custom Hover Card (View)
- Default Hover Card
- Flow Status
- Format a row as a card with buttons
- Incident Action Buttons
- Launch a Flow for a Selected Item
- Request Sign-off
5 samples
Provisioning¶
2 samples
Randomization¶
1 sample
Severity¶
4 samples
Status / Progress¶
- Color Based Emojis
- Overdue Date
- Strikethrough on Completion
- Traffic Light (Red-Yellow-Green) Status Indicator
30 samples
SVG¶
- Advent Calendar
- Clipboards
- Color Circles
- Custom Charts
- Custom Share to Teams
- Doughnut Chart
- Elf Progress Board
- Flow Status
- Format a column with multi-path SVGs
- Gauge Aggregate Footer
- Generic Gauge
- Generic Super Type
- Heart in Heart
- Heart Shading
- Heat Map
- Honeycomb Links
- Horse Crests
- Inline Column Chart
- Linkinbio_Instagram
- Monthly Gantt Chart
- Number Circle in Circle
- Number Gauge
- Percent Chart format
- Pie Chart
- Rating in Tiles
- Row Index Drawing
- SVG icons
- Testimonials
- Time Schedule
- Wave Header and Footer