SharePoint online quick links web part – How to use

Want to know how to use SharePoint online quick links web part, keep reading. Here, we will discuss various points related to the quick links web part in SharePoint Online modern site.

  • SharePoint online quick links web part
  • SharePoint quick links sort
  • SharePoint quick links change order
  • SharePoint quick links open in new tab
  • SharePoint quick links web part missing
  • SharePoint quick links web part image size
  • how to add quick links web part in SharePoint online
  • SharePoint online web part gallery
  • SharePoint modern quick links open in new tab

SharePoint online quick links web part

Do you remember using SharePoint promoted links web part to display links on the SharePoint classic team site home page?

Here is an alternative to that, we can use quick links web part in SharePoint Online modern sites to display useful links so that users can navigate to the resource with just one click.

There are different layout options we can use in the quick links web part.

The quick links web part we can use in a modern SharePoint team site or communication site, but it is not available in the classic SharePoint site. The quick links web part also available in SharePoint 2016 and SharePoint 2019 modern sites.

Add Quick Links web part in SharePoint Online

Now, let us see how we can add quick links web part in SharePoint Online.

Open your modern team site home page or any site page. Here I will add in the modern teams site home page. Click on Edit link like below:

SharePoint online quick links web part

Then in the Edit mode, you can either add a section or click on the + icon to add a web part into the SharePoint page. This will open the modern sharepoint web part gallery where you can see lots of web parts that you can use in your SharePoint site.

Then search for Quick links and you can the web part like below. Click on the web part to add to the page.

quick links web part SharePoint
quick links web part SharePoint

By default you can see the web part like below, where we can configure various properties. Here you click on the Quick links (highlighted in red) to give a title for the web part.

sharepoint quick links web part
sharepoint quick links web part

Then click on the + Add links to add links to the web part. You can also see I have changed the title to “Quick Training Links”.

how to add sharepoint quick links web part
add sharepoint quick links web part

There are various source from where you can add the links:

See also  we couldn't find the microsoft 365 group connected to this site

#1- Recent:

Here it will display the recent items which you can select to add in the quick links web part. It will display recent pages, recent documents etc.

sharepoint online quick links web part

Once you select one item, the links will be added like below and the Quick links web part looks like below.

quick links web part in sharepoint

It will also provide option, where you can change the item (link).

You can also change the Item Title and you can select Thumbnail from the below sources:

  • Auto-selected: Based on the document type, it will pick a thumbnail. Here I have selected a page, so the default page icon will appear.
  • Custom image: Once you select the Custom image option, it will open a dialog box where you can choose the image from various data sources like Recent images, stock images, web search, OneDrive, Site, upload, and From a link. If you want to upload an image from your system select the Upload option. And also for the stock images and web search images check the licenses.
  • Icon: When you select the icon option, it will open a dialog box from where you can choose an icon from a list of icons.
quick links web part in sharepoint online
quick links web part in sharepoint online

Anytime if you want to edit an item from the Quick links web part in SharePoint Online, just hover the item and you can see the Edit icon like below:

how to use quick links web part in sharepoint
how to use quick links web part in sharepoint

This way you can add any individual item in sharepoint quick links web part.

#2: Stock images

From Stock images also you can select images for your quick links web part in SharePoint online.

#3: OneDrive

We can also select files from the OneDrive. It will display the files form onedrive that you can select to add quick links web part in sharepoint.

#4: Site

When you will select the Site option, it will display all the SharePoint document libraries presented in the current site. You can select any libraries and then any file’s links.

#5: Upload

You can also upload from your local system directly and let it add as an item in the SharePoint Online quick links web part.

#6: From a link

Another interesting option, you can choose From a link, here you can provide a link to a site, page, document, list, library etc.

Apart from the above, you can also provide an email address by adding mailto:bijay@tsinfo.onmicrosoft.com

quick links web part sharepoint
quick links web part sharepoint

You can see below I have added 6 links into the SharePoint Online modern team site quick links web part.

quick links web part sharepoint online
quick links web part sharepoint online

SharePoint online quick links web part layout options

Now, let us check out the SharePoint online quick links web part layout options. To change the layout of the quick links web part, click on the Edit web part icon and then you can see various layouts.

See also  SharePoint designer 2016 download (NOOOO)
SharePoint online quick links web part layout options
SharePoint online quick links web part layout options

#1- Compact

Once you select the compact layout, you can see below how the quick links will look like.

SharePoint online quick links web part layout compact layout
SharePoint online quick links web part layout compact layout

#2- Filmstrip

If you will select the Filmstrip layout in the SharePoint quick links web part it will appear like an image carousal.

SharePoint online quick links web part Filmstrip layout
SharePoint online quick links web part Filmstrip layout

#3 Grid

SharePoint Online modern site quick links web part grid layout will appear like below:

SharePoint online quick links web part grid layout
SharePoint online quick links web part grid layout

#4 Button

SharePoint online quick links web part button layout is one of my favorites, it has a few additional options are also there. Like you can select button appearance like Fill color, Icons position, Alignment, Title text.

SharePoint online quick links web part button layout

You can see how it looks like:

how to use quick links web part in sharepoint
SharePoint online quick links web part button layout

#5 List

If you will select the list layout for the quick links web part, it will appear like below:

SharePoint online quick links web part list layout
SharePoint online quick links web part list layout

#6 Tiles

If you will select the Tiles layout for the quick links web part, it will ask you to choose the icon size like Small, Medium, Large, Extra large or Fill space like below.

SharePoint online quick links web part tiles layout
SharePoint online quick links web part tiles layout

And this is how the quick link tiles layout looks like. You can even select only icon or image, that will display just the image without any text.

SharePoint online modern quick links web part tiles layout
SharePoint online modern quick links web part tiles layout

This is how we can add and use quick links web part in SharePoint online modern team site or communication site.=

SharePoint quick links change order

Now, let us see how to change order of links in the SharePoint quick links web part.

In the edit mode, when u hover a link, one reorder items link will appear like below. Then you can use Ctrl + left arrow or Ctrl + right arrow to change the order of the quick links web part link’s order.

SharePoint quick links change order
SharePoint quick links change order

This is how we can change order in quick links web part.

SharePoint quick links open in new tab

Now, let us see how to open quick links in a new tab in SharePoint.

According to Microsoft In modern pages, we open links within SharePoint in the same tab by default, and external links in a new tab. In the text web part, users can specify to open links in a new tab, but that isn’t the default behavior. Similarly, for navigation links, they follow the same rule (within SharePoint, same tab, external to SharePoint in a new tab). This is true of the modern web parts that support linking as well (hero, quick links, images, etc.) This is the pattern we’ve adopted for consistency. Check out here.

See also  Power Apps Filter SharePoint List [25+ Examples]

So here the best way to educate the user to use the browser behavior.

Right click on the link and click on Open link in new tab like below:

SharePoint quick links open in new tab
SharePoint quick links open in new tab

This is how we can open quick links web part links in new tab in SharePoint.

SharePoint quick links web part missing

You might see SharePoint quick links web part missing layout options like below:

SharePoint quick links web part missing
SharePoint quick links web part missing

If you are trying as of now, there is complete chance you will see all the 6 layout options.

Also, make sure you have selected the First release for everyone in the Release preferences in the Office 365 admin center. You can check out this article.

SharePoint quick links web part image size

Let us see SharePoint quick links web part image size.

  • In the quick links compact layout, the icon size is 48 x 48 px.
  • And for the Filmstrip layout the image size will be 212 to 286 px in width.
  • The image size for quick links web part for grid layout is around 286 x 160 px.

You may like the following SharePoint tutorials:

In this tutorial, we learned how to use SharePoint Online quick links web part and a few below things:

  • SharePoint online quick links web part
  • Add Quick Links web part in SharePoint Online
  • SharePoint online quick links web part layout options
  • SharePoint quick links change order
  • SharePoint quick links open in new tab
  • SharePoint quick links web part missing
  • SharePoint quick links web part image size
>