352 ways to show Quick Links in SharePoint

As my organization is slowly getting used to the look of modern SharePoint sites that go with a Team site, I am getting more and more questions about how to create those “buttons” that some of our pioneers added to their site.

For Classic sites I once made an overview of the options for Summary Links, which is a web part to store lists of links, with styling options. The equivalent in Modern sites is the Quick Links web part.

Now we can have a debate on the “Quick” aspect of Quick Links, but let’s not go into that and let’s focus on the ways you can make them look. (But if you are curious, you may want to read this article by the Nielsen Norman Group)

How did I prepare?

  • In one of my SharePoint sites, I created a new page and added a header from the new Stock Images (👍 nice!)
  • I added a one-column section
  • I added a Quick Links web part to the section
  • I added some individual links with either an image (Web search), an image from the new Stock Images option (again: nice!) or an icon (also much-appreciated functionality).
  • To some links I added a description.

This is the result:

Starting point for my experiments

Now you have a number of options for how those 8 links are shown.
Of course in a real-life situation you would not want to mix images and icons but for demonstration purposes it makes sense.

6 Web part layout options

When your page is in edit mode, and you click the edit icon for the web part, you get 6 options for layout. Each option can have sub-options.

6 options for different displays of your links

“Compact” is the default option, as shown in the screenshots above. If I uncheck “Show image in layout” the images and icons are removed.
2 options.

No images – a bit plain, right?

Filmstrip” gives a large emphasis on the image. You can move from left to right with arrows, and on the bottom you will see an indication that there’s more than these 4.
1 option.

The “Filmstrip” layout emphasizes the images …
… but it appears NOT to show any default icons (in this case, from a document library)

Grid” shows the links in tiles with large images, again not displaying default icons.
1 option.

Grid – large images, but no default icon

Buttons” has a ton of options:

Description yes/no, image yes/no, appearance, alignment and number of lines: buttons has many options.

Let’s show a few:

With description, icon on left, button outline, centered and two lines of text
No description, icon on top, no outline, top aligned and one line of text (which makes it slightly more compact)

And the option that is very popular in my organization:

No description, no icon, fill colour, center alignment and two lines. If you only use icons, and no images, with your links, this is a good option too.

So the Buttons option alone has 72 display options!

The “List” layout has 4 options: with or without icon, and with or without description. It looks like the Buttons option with the icon on the left, but it is slightly different when you toggle between the two.
4 options.

The List option with icon and description

And finally there is the “Tiles” option, which shows your links in squares. There are 5 sizes, and for the smallest 3 you can decide whether you want to show just the icon, or only the image. I am sharing the two most extreme options.
8 options.

Small tiles with title
The largest image where there is no room for the title

So, all in all you have 88 options to choose from!

But wait, there’s more: 4 section background colours

When you edit the section, you can determine the columns, but also select one of 4 colour options for the section background from left to right: none (as shown in the screenshot), neutral, soft and strong. The exact colours depend on the theme of the site.
So, multiply the 88 options of the web part with the 4 background options and you get…352 options!

These are the options:

You can select 4 different hues

This is the default Compact option with images with 3 backgrounds:

The neutral background
Soft background-the screenshot shows hardly any difference with white
The strong background – that is VERY visible

When you have selected a Link option with a fill-in colour, such as the Button (fill colour) or the Tiles, and you use the strong background, the colour of the buttons will revert to white, for maximum contrast.

The Button with fill colour – now white with strong background.
Tiles with strong background – the icon tiles change to white.

Conclusion

There’s 352 ways to make a nice list of links on your SharePoint page.
It is easy to switch from one style to the other so you can play around until you have found the best style for your purposes.

I would not quickly select one without a title – I have clicked too many image-only buttons that led to something I had not expected or wanted. Tell people what they can expect or do and do not leave them guessing. Nielsen-Norman group have many suggestions for link names with good “information scent”.

What’s your favourite Quick Link style?

Note: I have recently switched to the WordPress’s Block Editor. This has changed the way image captions are being displayed.

Where have all the features gone?

We always think very carefully if and how we communicate changes to our Microsoft365 environment.
Generally, changes that affect all users, and may lead to questions or confusion, will be posted on the intranet. We do this for about 2 or 3 changes a year. Think about “the new Outlook on the web” last summer, and the new design of the SharePoint homepage earlier this year.
Changes with a lesser impact are communicated through our dedicated Yammer group for people who take an interest, and during webinars.
Additionally we regularly revise our training and webinar materials.

So, we were a tad worried when we found that some new functionality that had been in our tenant, and had been communicated, suddenly disappeared. In one case we found out that the functionality had been retracted, but we have no clue about the others.

Perhaps one of my readers can help?

1. The SharePoint start page

A few months ago we published an article on the intranet that there would be a new SharePoint start page. The column on the left hand side would be removed and some of the info there would move to below the site cards. We prepared the communication and an explanatory screenshot.
When we could finally confirm that also our non-targeted release users had it, we published the article.

Around March and the start of the Corona-crisis, I noticed that my SharePoint start page had reverted back to the old setup, both at work and in my own tenant. I checked the Roadmap, the tenant Message Center, the internet, but nothing came up.

Only half May I found out that I had missed this article, which has a small paragraph on this topic.

Gone-SPstartpage
As the article above is quite long, this is the message.

Well, thanks for that. And I could not find the #192001 in my Message center, nor in that from my work tenant. 😦

2. Save documents for later in SharePoint

I was already aware of the Save for Later options in SharePoint News, but I was happily surprised to find that this function would also be available for regular documents in SharePoint sites. I saw it a few months ago, immediately saved a few documents and told our Yammer group.

I still have them saved on my SharePoint page. But the functionality is gone in both my private and my work tenant!

I have not imagined it, as this SharePoint Roadmap Pitstop from November 2019 shows. It points to a Roadmap #49095 which mentions the functionality for OneDrive…with a launch date of Q4, 2020.

What has happened in the mean time? What retraction or delay announcement have I missed?

BTW, this blog shows the Saved for later files on the new SharePoint home page.

3. Files tab in Outlook

Some time ago, my colleague and I noticed a paperclip icon in the bottom left of our Outlook-on-the-web app.

The paperclip

When clicked, it would give you a page with all attachments in your mailbox. Very convenient for cleaning up! However, it has not been seen for several months.

Once again, I have not imagined it. I wrote about it in this blog about my love for Outlook-on-the-web.

Does anyone know?

You know I like to play the detective, but I could not find the answers this time 😉

Title inspired by 1955’s song “Where have all the flowers gone” by Pete Seeger.