Samples by Category¶
Samples are grouped by topic or approach. This is not an exhaustive list.
3 samples
Board¶
3 samples
Charts¶
1 sample
CommandBar Customization¶
2 samples
Document Library¶
1 sample
Emoji¶
3 samples
Frequently Asked Questions¶
18 samples
Gallery¶
- Advent Calendar
- Content Navigator
- Custom Document Library Gallery Card
- Custom Hover Card (View)
- Default Hover Card
- Elf Progress Board
- Employee Onboarding: Steps
- Flashcards
- Horse Crests
- Icon Link Tiles
- In Memoriam Tiles
- Issue Tracker: Planner Cards
- Link Collection using Emojis
- Modern Event Tiles
- Praise Cards
- Product Gallery
- Video Gallery
- Wordle
9 samples
Grouped¶
- Display a User's Photo in Group Header
- Display User Properties in the Group Header
- FAQ Accordion
- Group Header Status Icon and Color
- Grouped FAQs
- Link Collection using Emojis
- Payments
- Remove Column Name from Group Header
- To-Do List
51 samples
Hover Cards¶
- Announcements
- Approval Status Hover Card
- Board Tags
- Butterfly Chart
- Christmas Tree
- Clipboards
- Color Picker
- Custom Hover Card (Column)
- Custom Hover Card (View)
- Default Hover Card
- Demote News to Site Page
- Discussion Board
- Display Hourglass
- Doughnut Chart
- Elf Progress Board
- Emoji Reactions
- Employee Onboarding: Steps
- Event Registration
- File Thumbnails
- Flow Status
- Heat Map
- Horse Crests
- Image Lightbox
- Issue Tracker: Planner Cards
- Like/Dislike Bar
- Liked By Users
- Location Bing Maps
- London Underground Line Status
- Menu Link Tiles
- Message Chat Bubbles
- Modern Event Tiles
- Multi-Person Displays
- One Point Chart
- Payments
- Person Hover Card
- Piano
- Praise Cards
- Project Health Dashboard
- Reacting and displaying users who have reacted
- Stat Comparison Chart
- Sticky Notes Board
- Teams Group Chat Links
- Testimonials
- Timeline
- Timeline Format
- To-Do List
- Video Gallery
- Wordle
- World Time
- Yearly Gantt Chart
- YouTube Thumbnail
108 samples
Icons¶
- Announcements
- Approval Status Hover Card
- Bar Graph
- Birthdays
- Board Tags
- Budget Tracker Sample
- Bulletin Board
- Christmas Tree
- Clipboards
- Color Based Emojis
- Color Picker
- Column Graph
- Comment Count
- Conditional Text Formatting (Severity)
- Conditionally Launch Flow for Item
- Contact Cards
- Content Navigator
- Course Registration
- Custom Hover Card (Column)
- Custom Hover Card (View)
- Date Update Format
- Demote News to Site Page
- Discussion Board
- Display Comment Count
- Display Count Up and Count Down Buttons
- Display User Properties in the Group Header
- Doughnut Chart
- Elf Progress Board
- Emoji Reactions
- Employee Onboarding: Steps
- Event Itinerary Header
- Event Registration
- Expand Collapse Format
- FAQ Accordion
- Field Value Update Button
- File Picker
- File Preview
- Flow Status
- Group Header Status Icon and Color
- Honeycomb Links
- Horse Crests
- Icon Link Tiles
- Icon Overlays
- Icon Progress Bar
- Image Lightbox
- Image Slider
- Inline Approval
- Issue Status Pill
- Issue Tracker: Planner Cards
- Launch a Flow for a Selected Item
- Launch Power App Button
- Like / Dislike - Unique reaction
- Like/Unlike List Item
- Liked By Users
- Location Bing Maps
- London Underground Line Status
- MailTo Button
- Managed Metadata Tag Icon
- Menu Link Tiles
- Minimum Value Highlight
- Modern Event Tiles
- Multi-Choice Icons
- Multi-Person Mail To Link
- Multi-Person Teams Chat Link
- Number Level Bar
- Out of Office
- Payments
- Person Cards
- Person Mail To Link
- Planner Inspired Task Cards
- Praise Cards
- Project Gantt Chart
- Project Health Dashboard
- Project Indicator Formats
- Publishing Status
- Quiz Results with Emoji
- 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
- Show trending up/trending down icons
- Stat Comparison Chart
- Status Header and Footer
- Sticky Notes Board
- Substring Status
- SVG icons
- Tabs
- Teams Call Format
- Teams Group Chat Links
- Tic-tac-toe
- To-Do List
- Tolerance Comparison
- Twitter Timeline
- User Profile Card
- Video Gallery
- Video Navigator
- Work Progress Category Pill
- Workflow Progress Header
- Yes/No Checkbox
- Yes/No Checkmark
- Yes/No Column Check Mark
- Yes/No Column Toggle
- Yes/No Icon Color
48 samples
Inline Editing¶
- Advent Calendar
- Bar Option Picker
- Board Tags
- Calculator
- Clipboards
- Color Picker
- Compressed Date
- Count the Number of Clicks on a Link
- Course Registration
- 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
- Event Registration
- Expand Collapse Format
- Field Value Update Button
- File Picker
- Flashcards
- Image Slider
- Inline Approval
- Like / Dislike - Unique reaction
- Like/Unlike List Item
- Location Bing Maps
- Menu Link Tiles
- Multi-Person Displays
- Number Level Bar
- One Point Chart
- Payments
- Praise Cards
- Reacting and displaying users who have reacted
- Reorder and Expand Board Items
- Roll Dice
- Rounded Fill Checkbox
- Search Within Tags
- Sticky Notes Board
- Tabs
- Teams Group Chat Links
- Tic-tac-toe
- Timeline in Board View
- To-Do List
- Video Gallery
- Wordle
- Yes/No Checkbox
- Yes/No Column Toggle
- Yes/No Icon Color
1 sample
Microsoft Teams¶
2 samples
Power Apps¶
7 samples
Power Automate¶
- Conditionally Launch Flow for Item
- Custom Document Library Gallery Card
- Custom Hover Card (View)
- Default Hover Card
- Flow Status
- 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
21 samples
SVG¶
- Advent Calendar
- Clipboards
- Doughnut Chart
- Elf Progress Board
- Flow Status
- Gauge Aggregate Footer
- Generic Gauge
- Heart in Heart
- Heart Shading
- Heat Map
- Honeycomb Links
- Horse Crests
- Inline Column Chart
- Number Circle in Circle
- Number Gauge
- Pie Chart
- Row Index Drawing
- SVG icons
- Testimonials
- Time Schedule
- Wave Header and Footer