SharePoint – Page 3 – tecivo BLOG

tecivo BLOG

My IT notes, 'How To...' guides, Microsoft, SharePoint, Citrix, AppSense, Apple, technology & gadgets and more!

Category: SharePoint (page 3 of 3)

SharePoint Tips…Extending number of Promoted Links tiles shown

The default ‘out of the box’ behaviour of the SharePoint 2013 Promoted Links Web Part will limit the number of tiles on screen effectively hiding the full list and causing the user to have to scroll to see all items.

Creating Promoted Links tiles_1

See SharePoint Tips…Creating Promoted Links tiles for a summary of how to create home page Promoted Links

There are a few options to manage this using Java script, but an easy way is to simply add a small bit of code to the web page.

On the page where the Promoted Links Web Part is placed add a new HTML form Web Part and insert code as described below.

Add Web Part

  • From the site home page, click EDIT
  • Select the page zone and from the ribbon INSERT menu click Web Part
  • From the Forms category select HTML Form Web Part click Add

Extending number of Promoted Links tiles shown_2

  • Edit the new Web Part

Extending number of Promoted Links tiles shown_3

  • Open Source Editor and enter the following
<!– display rows of tiles. 'width' = required number of tiles - each tile is 175px –>
<style>
.ms-promlink-body { width: 700px; }
</style>
  • Click OK to save the Web Part, then click Save to close the page editor

This will limit the web part size to 700 pixels thereby forcing the tiles to wrap after a row of four.

Extending number of Promoted Links tiles shown_4

Adjust the 700px value as appropriate to wrap as needed.

Note: the tile size is 175px so use multiples of 175

Also see

  • SharePoint Javascripts blog provides a customisable alternative which enables you to size and order is available here
  • Life in SharePoint blog has a Web Part for creating Promoted Links, (with some extra functionality), in SharePoint 2010. I haven’t tried it but assuming it works ok it looks good. Find more info here

 

SharePoint Tips…Creating Promoted Links tiles

With SharePoint 2013 Microsoft introduced the Promoted Links App which allows you to easily create and maintain Windows 8/10 a-like Modern GUI ‘Metro’ style tiles on your page.

Creating Promoted Links tiles_1

The Promoted Links app is made up of a List containing Name, URL, Description and path to an image file, and an associated Web Part to display on the page.

To use, create a new Promoted Links app, add some entries then add the related Web Part into a page to view.

Create App/List

  • From the site home page, click on the settings ‘cog’ icon and select Add an app
  • Select Promoted Links, name it as required and click Create

Creating Promoted Links tiles_2

Creating Promoted Links tiles_3

  • From Site Contents page open your new List

Creating Promoted Links tiles_4

  • Add items to the list via the ribbons ITEMS menu or click on the link to All Promoted Links view and edit there (in browser or spreadsheet view).
  • New items will contain a Title, Background image location, Description, linked URL, Launch Behaviour and order

Creating Promoted Links tiles_5

Note: you can use image files from any valid URL. The example above uses the sites Site Assets library so images are accessible to the parent site as well as all sub sites.

Add Web Part

When you have all tile entries created add the Promoted Links Web Part

  • From the site home page, click EDIT

Creating Promoted Links tiles_6

  • Select the page zone and from the ribbon INSERT menu click Web Part
  • From the Apps category select your Promoted Links list and click Add

Creating Promoted Links tiles_7

  • If you don’t want the List title to appear on the page, edit the Web Part and under Appearance options, set Chrome Type to None
  • Then click Save to close page editing

To make edits you need to edit the List using the All Promoted Links view – selectable from the Ribbon LIST menu.

Note: Default ‘Out of the box’ SharePoint behaviour will not wrap the tiles in the display, so as shown above if your browser window is narrow you won’t see many tiles without having to scroll the Web Part to view.

See SharePoint Tips…Extending number of Promoted Links tiles shown on how to customise this behaviour.

 

Newer posts »

© 2019 tecivo BLOG

Theme by Anders NorenUp ↑