Contents
The promoted links tiles on a SharePoint page are set to a default size that is often too large. Add a script editor web part to your page and insert the css below – it resizes the tiles and removes the scroll bar from the top right of the promoted links web part:
You can also click the alignment icon to move align the picture to the left, center, or right of the Image Web Part: You are commenting using your WordPress.com account. ( Log Out / Change ) You are commenting using your Google account. ( Log Out / Change )
How to wrap promoted links in Microsoft SharePoint?
1. Site Settings > Add a page > Name: Wrapped Promoted Links (Your own name) 2. In edit mode on this page, add the Promoted Links Web part. 3. Insert Tab > Web Part > apps > Select the Promoted Links List you created in Step 3.
Images are resized and cropped automatically to show the best possible result across a variety of devices and layouts. However, there are some guidelines that can help you make sure your images look great on your pages. Finding the best image sizes for your page depends on these factors:
How to show the title of a promoted link?
In order to show the title (no need to hover) you could define a new css class, and add it to the promoted link. . ControlID=’Tile_WPQ’ + promotedlinksbody_WPQ + ‘_’ + i ; . Do the same for “Promoted3”. In order to handle the click event of each tile you have to know the id of each tile when clicked.
How big should the tile size be in SharePoint?
For tile sizes in the 100x100px to 150x150px range exclusive, additional rigging is needed to hide div.ms-tileview-tile-detailsBox. The 100x100px tile size is a special case.
Is there a way to wrap a promoted link?
However, if you have several Promoted links and you desire to wrap just one of them , the mentioned trick would not work. Considering that “Simple is beautiful”, I think the simplest way to wrap a specific promoted link is to define a new style and add it to that promoted link using addClass method.