Web Parts
Favourite Sites
Display sites marked as "favourite" in a SharePoint list for quick access.
NavigationFeature Parity: 95%
Get Favourite Sites Working in 3 Steps
15-30 minutes
Prerequisites
- Bonzai 2 package installed on your site
- SharePoint list with site entries and a "Showcase" column
1
Prepare your site list
Create a SharePoint list with site entries (Title, URL, Description). Add a "Showcase" column to mark favourites.
2
Add the web part
Edit your page and add "Bonzai Favourite Sites" from the Bonzai category.
3
Configure data source
Select your site list, specify the Showcase column name and value (e.g., "Favorite"), and publish.
Column-based favouriting
Unlike browser-based favourites, this web part displays sites that have been explicitly marked in a SharePoint list using a specific column and value (similar to Favourite Documents).
When to Use This Web Part
Use this when you need to...
- Provide quick access to curated important sites
- Display organization-wide recommended sites
- Create a "Featured Sites" section
Best page locations
- Homepage — featured sites panel
- Dashboard pages — quick access to key sites
- Navigation hub — curated site shortcuts
Consider alternatives when...
- • Search-based site discovery — use Site Directory
- • Generic link lists — use Advanced Links
- • Per-user browser-based bookmarks
Related web parts:
Site Directory — searchable site catalog using SharePoint SearchAdvanced Links — custom link collections
How Favouriting Works
Favourite Sites displays sites that have been marked in a SharePoint list using a specific column and value. For example, if you have a "Site Directory" list, you can add a column named "Showcase" and set the value to "Favorite" for sites you want to appear in this web part.
- Create or use an existing SharePoint list with site information
- Add a column (e.g., "Showcase") to mark sites as favourites
- Set the column value (e.g., "Favorite") on sites you want to feature
- Configure the web part to read from that list and filter by the column/value
Required List Schema
- Create or select a SharePoint list that stores site details.
- Add a Showcase column to mark favourites.
- Set the Showcase value (default: Favorite) on sites you want to display.
| Column | Type | Required | Notes |
|---|---|---|---|
| Title | Single line of text | Yes | Site display name |
| URL | Hyperlink | Yes | Site URL (also accepts SiteUrl/Link field names) |
| Description | Multiple lines of text | No | Site description |
| Owner | Person or Text | No | Site owner information |
| Category | Choice | No | Optional category label |
| Showcase | Single line of text or Choice | Yes | Column for marking favourites (e.g., value = "Favorite") |
Common Configurations
Featured Sites Panel
Display curated important sites
Best for: Homepage
Configuration
| title | Featured Sites |
| listName | Site Directory |
| showcaseColumnName | Showcase |
| showcaseValue | Favorite |
| maxItems | 6 |
| showDescription | On |
Quick Site Access
Compact list of key sites
Best for: Dashboard widget
Configuration
| title | My Sites |
| listName | Site Directory |
| showcaseColumnName | Showcase |
| showcaseValue | Favorite |
| maxItems | 10 |
| showDescription | Off |
| usePaging | Off |
Paginated Site List
Full list with pagination
Best for: Dedicated sites page
Configuration
| title | Bookmarked Sites |
| listName | Site Directory |
| showcaseColumnName | Showcase |
| showcaseValue | Favorite |
| usePaging | On |
| itemsPerPage | 5 |
| showOwner | On |
| manageSitesText | View All Sites |
Best Practices
Use a consistent Showcase value
Use a consistent value like "Favorite" or "Featured" across all your favourite sites to ensure they appear correctly.
Combine with Site Directory
Use this web part alongside Site Directory. Site Directory provides search functionality while Favourite Sites shows curated content.
Reference
Property Pane Configuration
Title Settings
| Property | Type | Description |
|---|---|---|
title | Text | Web part title |
titleUrl | Text | Optional URL to make the title clickable |
titleIconOption | Dropdown | Title icon mode: Custom or None |
titleIconName | Icon Picker | Fluent UI icon picker (default: Globe) |
titleIconUrl | Text | Custom icon URL (overrides icon name) |
description | Text (Multiline) | Optional description below the title |
manageSitesUrl | Text | URL for the "Browse All Sites" link |
manageSitesText | Text | Text for the browse link (default: Browse All Sites) |
Data Source
| Property | Type | Description |
|---|---|---|
siteUrl | Text | Site URL where the list is located (empty = current site) |
listName | List Picker | SharePoint list containing site information |
showcaseColumnName | Text | Column name to filter by (default: Showcase) |
showcaseValue | Text | Value to look for in the column (default: Favorite) |
Display Options
| Property | Type | Description |
|---|---|---|
maxItems | Slider (1-50) | Maximum sites to display |
showDescription | Toggle | Show site descriptions (default: On) |
showOwner | Toggle | Show site owner (default: Off) |
Paging
| Property | Type | Description |
|---|---|---|
usePaging | Toggle | Enable pagination (default: Off) |
itemsPerPage | Slider (3-20) | Items per page when pagination is enabled |
Appearance
| Property | Type | Description |
|---|---|---|
chromeType | Dropdown | Chrome type: None, Title Only, Border Only, Title and Border |
fixedHeight | Slider (0-800) | Fixed height in pixels (0 = auto) |
Features Checklist
- ✅ Column-based favourite filtering
- ✅ Configurable title with icon
- ✅ Pagination support
- ✅ Show/hide site details (description, owner)
- ✅ Cross-site list support
- ✅ Chrome type options
- ✅ Fixed height option