ZENSYSTEMS
FreeWeb partSharePoint OnlineSPFx

Free SharePoint subsites web part

Zen Sub Sites shows the subsites of the current site as responsive cards with a colour accent, name and description, plus a search box. Point it at a list instead and it becomes a directory of departments, portals or tools.

Download (.zip, package + install guide) for Zen Sub Sites See it in action

Version 1.0.4 · 87 KB · .zip with the .sppkg package and an install guide

Features

What Zen Sub Sites does

Subsites, automatically

Lists the immediate subsites of the site the page is on; new subsites appear by themselves.

Or any list

Switch to list mode and point it at a list of links with any columns you like.

Search and sort

Live search box; sort by name, by created date, or keep the list order.

Responsive cards

Three per row on desktop, two on tablets, one on phones.

Open in a new tab

Or the same tab, your choice.

Creates its own list

In list mode, one button creates a sample list of department cards.

See it in action

3 ways to use Zen Sub Sites

These are live replicas of the web part on a SharePoint Online page, built from the same content as our showcase intranet. Try the buttons, search and arrows. Each example lists the settings it uses.

Department directory with search, A to Z

  • Cards come from: A SharePoint list
  • Sort by: Name (A to Z)
  • Show search box: On

Department directory

Cards from a list, in list order

  • Sort by: List order
  • Show search box: Off
  • Section background: Soft

Cards in list order

Title only, no card frame

  • Card columns: Title
  • Card frame: Off
  • Section: Two columns, left two-thirds

Departments

A directory that keeps itself up to date

In subsite mode Zen Sub Sites lists the subsites of the site it is on, so a new department appears the moment its site is created.

In list mode it shows any list of links with the columns you choose.

Configuration

The property pane, setting by setting

This is what an editor sees after choosing Edit web part. The Zen Systems group at the bottom is in every Zen web part.

Zen Sub Sites

Zen Sub Sites by Zen Systems. Cards for the subsites of this site, or for any list of links, with search and sorting.

Data source

Cards come from
  • Subsites of this site
  • A SharePoint list (selected)
List nameZenSiteCardsThe list to read cards from. The list created by the button below has Title, Description, LinkUrl, IsActive and SortOrder.
Card columns (internal names, in order)Title,DescriptionComma-separated internal column names. The first is the card title; the rest show as lines under it.
Link column (internal name)LinkUrl
Create the list on this siteCreates the list with the right columns and sample cards.

Display

Title (optional)Departments
Sort by
  • Name (A to Z)
  • Created (newest first)
  • List order (selected)
Show search boxOn
Open cards in a new tabOff
Card frame around the web partOn

Zen Systems

This web part is built and maintained by Zen Systems and is free to use in your SharePoint Online tenant.

Visit zensystems.inContact usEmail enquiry@zendigitalsystems.in

Need a custom web part, an extra feature, or a complete intranet? We build SharePoint Framework solutions to order. Email us or use the contact page and we will reply within one working day.

Settings

Zen Sub Sites settings
SettingWhat it does
Cards come fromSubsites of this site, or a SharePoint list.
Show site descriptionSubsite mode: the description under the name.
List name, card columns, link columnList mode: the list to read, the internal column names to show, and the URL column.
Create the list on this siteList mode: creates ZenSiteCards with sample cards.
TitleAn optional heading above the cards.
Sort byName, created date, or list order.
Show search boxOn by default.
Open cards in a new tabOn by default.

List columns

In list mode the web part can create this list, or you can use any list by typing its column names.

Zen Sub Sites list columns
ColumnTypePurpose
TitleSingle line of textCard title.
DescriptionSingle line of textLine under the title.
LinkUrlHyperlinkWhere the card opens.
IsActiveYes/NoShows or hides the card.
SortOrderNumberDisplay order, lowest first.

Setup

Install it in a few minutes

Zen Sub Sites

Version 1.0.4 · 87 KB · .zip with the .sppkg package and an install guide. Free for any SharePoint Online tenant.

Download (.zip, package + install guide) for Zen Sub Sites

  1. Download the package

    Download the free .zip for Zen Sub Sites. It holds the .sppkg package and an install guide.

  2. Add it to your App Catalog

    A SharePoint administrator uploads the package to the tenant App Catalog, ticks Make this solution available to all sites and selects Deploy.

  3. Add it to a page

    Edit a page, choose the plus sign and find the web part in the Zen Systems group.

  4. Create the list

    Open the web part settings and choose Create the list on this site. It adds the columns shown below and sample items.

Questions

Before you install

Does it show sites from the whole tenant?

No, only subsites of the current site, or the list you choose. For a tenant-wide site directory, contact us.

Is this web part really free?

Yes. Zen Systems provides Zen Sub Sites free of charge to download and use in your organisation's SharePoint Online tenant.

Does it work with SharePoint Server on-premises?

It is built for SharePoint Online in Microsoft 365. We also build web parts for SharePoint Server Subscription Edition, 2019 and 2016; contact us if you need an on-premises version.

Can you customise it for our intranet?

Yes. We can adapt the design, add fields or build a fully custom version as part of our SPFx development service.

Need a custom web part?

We build SPFx web parts and extensions for SharePoint Online, and web parts, master pages and page layouts for SharePoint Server Subscription Edition, 2019 and 2016. Tell us what you need and we will reply within one business day.

Start a project See how we build them

More free web parts

The rest of the collection