Contents
How to change the size of a promoted link?
// when you write “width (ImageSize-1)” , a space sized 1px appears between tiles, otherwise they would be stick together like a ribbon. As you can see in the snapshot below, “Promoted2” is in half size of “Promoted1”. The title of the tiles would be appeared on mouse over.
How do I add promoted links to my SharePoint site?
Edit the page and insert the Promoted Links web parts, just like any other web part. Make sure to select Tiles view and here you have it – a nice and user-friendly interface for your SharePoint site! Some other ideas where you can use this is for frequently used actions.
What are SharePoint Tiles or SharePoint Promoted Links? Though I called them SharePoint Tiles , in SharePoint, they are actually called Promoted Links Web Part. Essentially, it is a list of graphic icons you link to URLs for easy access to certain functions.
How are promoted links rendered on client side?
Promoted links are rendered using Client Side Rendering Template (CSR): SP.UI.TileView.js. The tile size is hard coded as 150px within the script. The script has the logic to display the header div with the navigation if there are more items than that can fit.
How to create a promoted link Picture Library?
1. Site Settings > Add an app > Picture Library = Name: Promoted Links Images 2. Now upload the 16 Promoted Links Images in this Picture Library 1. Site Settings > Add an app > Promoted Links = Name: Promoted Links List 2.
How to add a promoted link to a website?
1. Site Settings > Add an app > Promoted Links = Name: Promoted Links List 2. In this Promoted links list – add 16 lines which references the images you’ve uploaded (in the picture library) as well as the name & URL (website) for the Promoted Link
How big should a promoted link tile be?
The promoted links default size is 150×150 pixel. But you can always have bigger/smaller pictures and then manipulate the CSS for the promoted links if you want bigger/smaller tiles.
How to automatically resize promoted links in SharePoint?
I’m happy to purchase one I just added a script editor web part on a page where the promoted links were and combined the code as follows. I modified the code so that the tiles will wrap automatically as the width is set to 100%. Thanks for contributing an answer to SharePoint Stack Exchange!
I have a complicated requirement in which I have to embed a promoted link with different sizes and styles in the same SharePoint page. Figure at the bottom illustrates what I am trying to achieve. It has a three promoted links with three different views.
How to create promoted links in web Part-1?
Promoted Link’s in Web Part – 1 and Web Part – 2 should be untouched. Kindly suggest how this can be done. Each of your webparts should have its own unique ID in the code. Use developer tools (F12) to examine your page. Thanks for contributing an answer to SharePoint Stack Exchange!