Formatting knowledge, shared

List of View Formatting Samples

Browse all current view formatting samples in the gallery.

Responsive People Profile Cards

Hide All Buttons on Command Bar

Key Dates Timeline Checklist

Sports Card

Key Dates Timeline

Credit / Loyalty Card

Spotify Now Playing

Movie Ticket Stub

Vinyl Record / Album Sleeve

Flight Boarding Card

Bar Chart Diagram

Course Training Tile Cards

Picture Link Tiles - Collapsible

Icon Link Tiles

Photo Gallery with Description, Link and Likes

Sticky Title Feedback Card

Feedback Sentiment Board

Picture Link Tiles Doc Lib

Grouped Accordion Cards with Hover Details

Modern Event Cards

QR Code Tile

Interactive Content Card with Button

Funnel Chart

Image with Overlay Buttons

Book Template Card Formatter

Bar Code Row Formatter

QR Code Row Formatter

Certificate Card

Contact Custom Avatar Card

Highlighted Announcements

Weekly Heatmap

Grouped FAQs

Image Card Tiles

Image Grid

Bookmarks

Menu Style List

Diet Plan Card Formatter

Travel Tweets Board

Employee Recognition Card

Person Quote Card

Department Members List

Glossary View Formatters

Head of Business Unit Overview

Picture Link Tiles

London Underground Line Status

Board Tags

Announcements

Annual Performance Review

Display a User's Photo in Group Header

Prompt Cards

Numbered List Card

Pricing Table

Picture Quick Links

Shopping Cart

Speed Dial

FAQ Accordion

Weather forecast

Match Score Card

Flight Card

IMDb Card

Property Card

Honeycomb Links

Disable default click action on a tile list view

Display Edit in Grid View Button in the Command Bar

Custom Charts

Rating in Tiles

Remove Column Name from Group Header

Links to Search Page

Project Gantt Chart

Team Poll

Exam Bundle Tracker

Student & Class Learning Tracker

Menu Link button

Quiz

Linkinbio

Linkinbio_Instagram

Group by header color depending on item count

Internal CV

Vertical Mega Menu

Highlight rows on current day of the week

Whiteboard sticky notes

photo-gallery-with-likes

Multilingual Quotes

Highlight Selected List Item Rows

Travel Requests

Numeric card format

Percent Chart format

Content Navigator

Hide Automate Button in the CommandBar

Random Item

Chevron shape format

Gauge Aggregate Footer

Heat Map

Recent Comments

Timeline in Board View

To-Do List

Tabs

Reorder and Expand Board Items

Sticky Notes Board

Praise Cards

Roll Dice

Color Picker

Bar Option Picker

Wordle

Event Registration

Payments

Multi-Person Displays

Teams Group Chat Links

Advent Calendar

Tic-tac-toe

Search Within Tags

Christmas Tree

Elf Progress Board

Image Slider

Clipboards

Discussion Board

Emoji Reactions

Flashcards

Menu Link Tiles

Display User Properties in the Group Header

Video Gallery

Group Header Status Icon and Color

Average Rating Row Class

Current User Liked Row Class

Likes Count Row Class

Piano

Stat Comparison Chart

Disable Selection

Out of Office

Multi-Choice Links

Link Collection using Emojis

Video Embed Codes

Chronological Items

Butterfly Chart

Project Health Dashboard

Testimonials

Message Chat Bubbles

Timeline

Horse Crests

Employee Onboarding: Steps

Issue Tracker: Planner Cards

Modern Event Tiles

Bulletin Board

Custom Hover Card (View)

Default Hover Card

In Memoriam Tiles

Video Navigator

FAQs

Custom Header

Budget Tracker Sample

Product Catalog

Person Cards

Custom Document Library Gallery Card

Current Year Row Class

Product Gallery

Bar Graph

Column Graph

Twitter Timeline

Planner Inspired Task Cards

User Profile Card

Staff Rota Shifts with CSS Table

Birthdays

Alternating Rows

Document Library Thumbnails

Current User's Rows (Using a Multi-Person Column)

Status Blocks

ContentType Variations

Numeric Average Comparison

Request Sign-off

Resource Catalog Sample

Retail Accounts

Risk Score Indicator

RYG Status

Contact Cards

Current User's Rows

Multi-line View

Overdue Row Class

Status Row Class