I am sharing the two most extreme options.Ĩ options. There are 5 sizes, and for the smallest 3 you can decide whether you want to show just the icon, or only the image. The List option with icon and descriptionĪnd finally there is the “Tiles” option, which shows your links in squares. It looks like the Buttons option with the icon on the left, but it is slightly different when you toggle between the two.Ĥ options. The “List” layout has 4 options: with or without icon, and with or without description. So the Buttons option alone has 72 display options! If you only use icons, and no images, with your links, this is a good option too. 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)Īnd the option that is very popular in my organization: No description, no icon, fill colour, center alignment and two lines. “ Buttons” has a ton of options: Description yes/no, image yes/no, appearance, alignment and number of lines: buttons has many options. “ Grid” shows the links in tiles with large images, again not displaying default icons.ġ option. The “Filmstrip” layout emphasizes the images … … but it appears NOT to show any default icons (in this case, from a document library) 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.ġ option. “ Filmstrip” gives a large emphasis on the image. If I uncheck “Show image in layout” the images and icons are removed.Ģ options. “Compact” is the default option, as shown in the screenshots above. 6 options for different displays of your links When your page is in edit mode, and you click the edit icon for the web part, you get 6 options for layout. Of course in a real-life situation you would not want to mix images and icons but for demonstration purposes it makes sense. Now you have a number of options for how those 8 links are shown. This is the result: Starting point for my experiments 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).I added a Quick Links web part to the section.In one of my SharePoint sites, I created a new page and added a header from the new Stock Images (□ nice!).(But if you are curious, you may want to read this article by the Nielsen Norman Group) How did I prepare? 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. The equivalent in Modern sites is the Quick Links web part. 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.įor 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.
0 Comments
Leave a Reply. |