<< SharePoint 2019/SE 'Modern' Web PartsTable of contents 
Quick Links Web Part

The Quick Links Web Part allows to easily set up a menu with icons based on a Sharepoint List.
Sharepoint 2019 Modern Quick Links Web Part

Web Part Configuration:


Title:
enter the optional web part title

Web Part:
AEQuickLinks

Configuration:
enter the below configuration options:

site=SiteUrl (optionally enter a site URL)
list=QuickLinks(enter the name of the Sharepoint list)
view=SomeView (optionally enter the name of the list view)
newtab=1 (open the links in a new browser tab)
layout=Center (choose one of the menu layouts)
columns=0 (restrict the fluid menu layout to the specified number of columns (set to "0" to specify a fully responsive layout))
tilewidth=115 (optionally enter the tile width in pixels)
tileheight=115 (optionally enter the tile height in pixels)
tilegap=8 (define the gap between menu tiles in pixels )
style=font-size:15px (define the menu tile CSS styles)
edit=no (hide the 'Add Link' button and Tile edit buttons)

 

Web Part Configuration
Webpart Homepage & Download »


Please enter a comment below if you want to give feedback or have suggestions for improvements:

User Comments Post a Comment 

Andreas  
9/29/2020 12:33 
Hi there,
How can we change the Icon layout to left in the SharePoint Modern Design? Thank you!
Best regards, Andreas
Juerg  
9/29/2020 14:24 
Andreas,
please use the below "layout" setting:

layout=Left
Taylor  
2/24/2022 18:32 
I cannot get the icons to display. I have a list (QuickLinks) with a column titled "Icon" and value "fa-comment" and my configuration follows:

list=QuickLinks
view=All Items
style=font-size:15px; color: White
edit=yes
tilewidth=200
tileheight=50
layout=Left

Can you advise on how to get the icon to display from font-awesome? I have used the quick links in classic with no issues but modern is not displaying the icon.
Juerg  
2/25/2022 14:18 
Taylor,
yesterday we noticed several periods of extremely slow internet traffic which might explain the issue (eg. the FontAwseome CSS file being loaded very slowly). It now seems to be working file again.
Céline  
12/27/2022 15:58 
Hi,

I need change the web part background color because it's gray. If I test this configuration :

style=Background:white

It s not working but It s change the tiles and not the webpart background.

Regards
Juerg  
1/2/2023 15:59 
Céline,
please add the below line to the web par’s “Configuration” setting:

options=bgcolor=transparent
Meg Bala  
6/13/2024 07:59 
How to change back color?
Juerg  
6/13/2024 09:53 
Meg,
you can change the background color by adding the below to the web part’s “Options” setting:

bgcolor=red

(use either an HTML color name or an RGB value as eg. #348866).