SharePoint Quick Links Web Part

In this SharePoint Online tutorial, we will discuss on SharePoint Quick Links web part.

We will see, the SharePoint Quick Links web part and how to add the Quick Link web part to our SharePoint modern site page, and various layout options related to the quick links web part in SharePoint Online modern site.

The example we are doing here is based on a SharePoint Online environment, Some of the features described below may not be available in SharePoint Server 2019.

What is the SharePoint Quick Links web part?

• In the modern SharePoint site, Microsoft provides a lot of out-of-box web parts to work with modern site pages. One of the popular web parts is the Quick Links web part.
• The SharePoint Quick Links web part, easily allows users to redirect to the mentioned source URL.
• We can use the Quick Links web part in a modern SharePoint Team site or Communication site. But it is not available on the classic SharePoint site. 
•  We can use a quick link web part for documents, videos, pages, images, and to navigate to a particular section of the page.

Read SharePoint News Web Part

How to add Quick Links web part in SharePoint online

Now, let us see how can we add the Quick Links web part to the modern SharePoint.

• Open the SharePoint site page -> select Edit Page.
• Then Click the + circled icon to add a new section and add the Quick Links web part.

In the below screenshot, you can see the quick link web part is added, we can click on the Quick links (highlighted in red) to provide a title for the Quick Links web part. Then click on the + Add links choice to add links to the web part. 

You can add the links from the various sources mentioned below:

1. Recent -> By default, it will display the recent files, images, or documents that you can select and add to our Quick Links web part in SharePoint Online.
2. Stock images -> You can choose any images from the stock images.
3. Web search-> we can also use the Bing search to search for images or documents and select the link, but make sure to check out the licensing options.
4. One Drive -> Choose the files links that are stored in your OneDrive.
5. Upload ->We can get a link for a document, image, or page from a SharePoint Site.
6. Site -> Provide a link for a page, image, or document from the SharePoint site.
7. From a link -> You can provide the link of your document, images, or any third party link URL.

In this example, I am going to choose a From a Link option to insert the link. Paste the resource URL and then select the Insert button. You can also provide an email address by adding mailto:[email protected]

Once you inserted the links will be counted to the Quick Links web part looks as shown below. You can also see I have changed the title to “SharePoint Training Courses” and added 3 links into the SharePoint modern team site quick link web part.

You can also change the Item Thumbnail and Title from the below-mentioned sources. It will also provide an option, where we can change the item link.

• Auto-selected: It will take a thumbnail based on the document type,
• Custom image: Select the Custom image option, a dialog box appears where we can add or upload an image.
• Icon: Choose the icon option, and select any one of the icons from a list of icons.
• You can add alternate text for the thumbnail image in the Alternate text field box.

This is how we can add the Quick Links web part to the modern SharePoint. In the same way, you can add the Quick Link web part in SharePoint 2016 and also in SharePoint 2019.

Read CAML Query Builder for SharePoint

Modern SharePoint Quick Links web part layout options

Let us see various layout options available in the SharePoint online quick links web part layout options. Click on the Edit web part icon to change the layout of the quick links web part, and then we can select any layout from the different layout options.

1. Compact

The below image represents the compact layout of the Quick Links web part in modern SharePoint.The compact layout is designed to show icons at 48 x 48 px.

2. Filmstrip

When we pick the Filmstrip layout in the SharePoint quick links web part it will appear like an image carousel. The Filmstrip layout is designed to show images at 212 to 286 px in width, with an aspect ratio of 9/16 where height is 9 and width is 16.

3. Grid

The below image represents the Grid layout of the Quick Links web part in modern SharePoint.

4. Button

If you will select the Button layout in the SharePoint quick links web part it has rare extra options. Select button impressions like Title text, Alignment, Icons position, and Fill color. The below image represents the Button layout of the Quick Links web part in modern SharePoint.

5. List

The below image represents the List layout of the Quick Links web part in modern SharePoint.

6. Tiles

The below image represents the Tiles layout of the Quick Links web part in modern SharePoint. You also have additional features like Icon size in the tiles layout options.

These are the various layout options available in the SharePoint online quick links web part.

Read Freeze Header Row in List View or Library on Scrolling using jQuery in SharePoint

Edit Quick Links web part in SharePoint online

Let us see how can we edit the quick links web part in modern SharePoint.

• If you’re not in edit mode already, choose Edit Page at the top right of the SharePoint site page.
• Edit the Quick Links web part.
• Hover over the item you want to edit, and select the Edit item pencil at the bottom of the item you want to edit.

This is how you can edit the Quick Links web part in modern SharePoint.

SharePoint Quick Links change order

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

• Hover over a link in edit mode, the Move button will appear then you can also use keyboard controls Ctrl + left arrow or Ctrl + right arrow to modify the order of the quick links web part links.
• You cannot reorder links in the Filmstrip layout.
• We can easily drag and drop the links using the Move button to reorder the items.

This is how to change the order in the quick links web part in SharePoint Online.

Read http error 503. the service is unavailable in SharePoint

SharePoint online Quick Links from the list

Let us see how can we add a list in the Quick Links web part of SharePoint online.

In the modern SharePoint quick links web part, we can add the list and list items. Follow the below steps to add the list to the quick links web part in SharePoint Online.

• Open the site contents page in the modern SharePoint.
• Open the list that you want to add in the Quick Links web part of the team site or communication site.

• Copy the URL address of the list.
• Edit the Quick Links web part and select add link option.

• A pop-up appears, Now select From a Link option and paste the copied URL.
• Click on the Insert button.

• Now you can see the list is added to your modern SharePoint Quick Links web part that redirects to the SharePoint list.
• It automatically displays the list as AllItems.aspx you can rename the title by editing the quick links web part as shown below:

This is how can we add a list in the Quick Links web part to the modern SharePoint.

Read How to clear SharePoint cache

How to add list items in quick links web part SharePoint online

Let us see how can we add list items in the Quick Links web part SharePoint online.

In the modern SharePoint quick links web part, we can add the list items. Follow the below steps to add the list items in the quick links web part in SharePoint Online.

There are two ways that you can select the list items to display. They are,

1. Direct you can select the list item and Copy the Link address.
2. Another way is you can select the list item by ID.

• Open the site contents page in the modern SharePoint.
• Open the list and select the list item that you want to add in the Quick Links web part of the team site or communication site as shown below:

The below mentioned is another way to select the List items by ID.

https://tsinfotechnologies.sharepoint.com/sites/TeamSite/Lists/EyeCareHospital/Dispform.aspx?ID=1

• Copy the URL address of the list.
• Edit the Quick Links web part and select add link option.
• A pop up appears, Now select From a Link option and paste the copied URL.
• Click on the Insert button.

• Now you can see the list item is added to your modern SharePoint Quick Links web part that redirects to the SharePoint list item.
• It automatically displays the list as DispForm.aspx you can rename the title by editing the quick links web part as shown below:

You can see, in the below screenshot Title is changed from “DispForm.aspx” to “List Item”

This is how can we add a list item in the Quick Links web part to the modern SharePoint.

Read How to customize a SharePoint List form

SharePoint Quick Links open in a new tab

Let us see how to open quick links in a new tab in SharePoint,

• In modern SharePoint pages, when we click on the links by default, it opens within the SharePoint in the same tab.
• But the external links always opens in a new tab in Modern SharePoint Quick Links web part.
• The best way is for the user can use the browser behavior.
• Right click on the link and click on the Open link in a new tab as shown below:

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

SharePoint online quick links web part audience targeting

• Audience targeting is useful when you want to share information that is relevant only to a selected group of people.
• You can set the Quick Links to specific groups of people by using audience targeting.
• If you’ve selected an audience group that you recently created or changed, it may take some time to see targeting applied for that group.
• First, enable audience targeting to use audience targeting in the quick links web part property pane else it will ask you to enable it as shown below:

Follow the below steps to enable audience targeting

• Select Edit Page in the SharePoint site page and Edit the Quick links web part.
• Slide the toggle control to Enable audience targeting to On in the Filter section.

This is how we can enable audience targeting in the Quick Links web part.

Let us see how to set the target audiences for each link

1. Select the link that you want to edit and choose the Edit item.
2. You can target a particular user or group as an audience targeting under audience. The maximum number that we can add is 50 audiences.
3. You can also see links that have audiences picked by specifying the audience icon.

Here in the below example, Only the targeted audience can view the Quick Links. We can test it by logging in with the test user account.

This is how we can enable and set the audience targeting in the SharePoint online quick links web part.

Read Display modal pop up in SharePoint Online

SharePoint Quick Links image size

Let us see SharePoint quick links web part image size.

• The icon size of the compact layout in the quick links is 48 x 48 px.
• The Filmstrip layout is designed to show images at 212 to 286 px in width, with an aspect ratio of 9/16 where height is 9 and width is 16.
• In the quick links web part, the image size for the grid layout is around 286 x 160 px.

SharePoint dynamic quick links

• No, this is not possible. We can choose a Highlighted Content Web Part if we want to display dynamically pointing to a SharePoint list of links.
• Another option is to use the search with the PnP Search web part that looks to a list of links for you.

SharePoint quick link web part missing

• If your quick link web part is missing empty your browser cache and try to open the SharePoint site page in different browsers and on different site collections.
• In SharePoint Modern Pages, the Quick Links web part should display the layout options. We can select either a Compact layout or a Film Strip layout.
• If you are trying as of now, there is a complete chance you will see all 6 layout options as shown below.

Read Redirect to a different page after adding new list items in SharePoint

SharePoint quick link change background-color

The background is selected from the SharePoint site theme.

• There is no option to change the default color of the Quick Links web part color in SharePoint modern pages.
• We cannot change the color directly of the Quick Links web part in SharePoint modern pages.
• To achieve this you can create a custom theme if you want. Refer to the following link for the SharePoint Online Management Shell to inject the style for the SharePoint modern page.

SharePoint copy quick links to another page

• This is not possible in SharePoint online.
• You cannot copy the web part and its configuration from one page to another page in modern SharePoint.
• To achieve this follow the link, you can refer to the PnP PowerShell related to web parts.

Related SharePoint tutorials:

• Save site as template in SharePoint
• Enable Chart Web Part in SharePoint
• How to Change Favicon in SharePoint Online
• The specified file or folder name is too long SharePoint
• In-place records management in SharePoint Online

In this SharePoint tutorial, we learned SharePoint Online modern Quick Links web part, and how to create a Quick Links web part for the SharePoint Online modern site page. And also covered below topics:

• how to edit quick links in Sharepoint
• SharePoint online quick links from the list
• how to add quick links web part in SharePoint 2016
• SharePoint dynamic quick links
• SharePoint quick link web part missing
• SharePoint quick link change background-color
• how to copy quick links to another page in modern SharePoint
• how to open quick links in new tab SharePoint online
• SharePoint quick link image size
• SharePoint online quick links web part audience targeting