{"id":2869,"date":"2017-11-07T02:43:09","date_gmt":"2017-11-07T02:43:09","guid":{"rendered":"http:\/\/pariswells.com\/blog\/?p=2869"},"modified":"2017-11-07T02:43:09","modified_gmt":"2017-11-07T02:43:09","slug":"sharepoint-promoted-links","status":"publish","type":"post","link":"https:\/\/pariswells.com\/blog\/research\/sharepoint-promoted-links","title":{"rendered":"Sharepoint Promoted Links"},"content":{"rendered":"<p><strong>How to Configure Promoted Links<\/strong><\/p><p>Promoted Links are very useful and frequently used features in SharePoint. By using the prompted links, users can display links as icons or tiles on the web page.<\/p><p>This document covers the bellow points;<\/p><ol><li>Add a Promoted Link App<\/li><li>Add Items to a Promoted Links App<\/li><li>Edit Items in an existing Promoted Links APP<\/li><li><strong>Add a Promoted Links App<\/strong><\/li><\/ol><p>If you want to use a SharePoint Promoted Links in your web site, Promoted Links App should be added first in to the site.<\/p><p>Click on \u201cAdd an app\u201d option in SharePoint Online menu.<\/p><p><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"409\" class=\"wp-image-2870 img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/10\/word-image.png\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/10\/word-image.png 644w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/10\/word-image-300x191.png 300w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/p><p>Click on \u201cPromoted Links\u201d tile in \u201cApps you can add\u201d section. Give it a name for the new Promoted Link list and hit create.<\/p><p>This will create a new Promoted Links list and you can find it in \u201cSite Contents\u201d area.<\/p><ol><li><strong>Add Items to Promoted Links App<\/strong><\/li><\/ol><p>Click on the newly created Promoted Link list in \u201cSite Contents\u201d section. Click on \u201cAll Promoted Links\u201d link or click \u201cList\u201d from the top ribbon.<\/p><p id=\"ZJUCezy\"><img loading=\"lazy\" decoding=\"async\" width=\"1244\" height=\"574\" class=\"alignnone size-full wp-image-2969  img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011c905f516.png\" alt=\"\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011c905f516.png 1244w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011c905f516-300x138.png 300w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011c905f516-768x354.png 768w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011c905f516-1024x472.png 1024w\" sizes=\"auto, (max-width: 1244px) 100vw, 1244px\" \/><\/p><p>If you clicked on \u201cList\u201d, select \u201cAll Promoted Links\u201d option from \u201cCurrent View\u201d dropdown.<\/p><p><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"285\" class=\"wp-image-2872 img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/10\/word-image-2.png\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/10\/word-image-2.png 644w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/10\/word-image-2-300x133.png 300w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/p><p>User will be redirected to \u201cAdd Items\u201d mode in the newly created Promoted Link list.<\/p><p>Hit \u201cnew item\u201d to add a promoted link.<\/p><p id=\"hCNZzSR\"><img loading=\"lazy\" decoding=\"async\" width=\"1368\" height=\"689\" class=\"alignnone size-full wp-image-2970  img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011cc81910f.png\" alt=\"\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011cc81910f.png 1368w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011cc81910f-300x151.png 300w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011cc81910f-768x387.png 768w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011cc81910f-1024x516.png 1024w\" sizes=\"auto, (max-width: 1368px) 100vw, 1368px\" \/><\/p><p>Fill the next form with the necessary details that you want to display in the Promoted Links tile. Following are the parameters in the form;<\/p><p>Title: When a page is rendered, this will be displayed as the default tittle in the link.<\/p><p>Background Image Location: This is the image location for the background image. It is recommended to upload background images to the user\u2019s SharePoint site and copy the URL from there to fill this field in.<\/p><p>Description: This will be displayed when a user takes the mouse over the Promoted Links tile.<\/p><p>Link Location: This is the redirection URL.<\/p><p>Launch Behavior: Users can specify how the new page should be opened.<\/p><p>Order: This is an integer filed that specifies the order of the tiles in Promoted Links App.<\/p><ol><li><strong>Edit Items in an existing Promoted Links App<\/strong><\/li><\/ol><p>Go to \u201cSite Contents\u201d and click on the \u201cPromoted Links\u201d list that you want to do the modification.<\/p><p id=\"uOjhqJq\"><img loading=\"lazy\" decoding=\"async\" width=\"1590\" height=\"151\" class=\"alignnone size-full wp-image-2971  img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d07da2bd.png\" alt=\"\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d07da2bd.png 1590w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d07da2bd-300x28.png 300w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d07da2bd-768x73.png 768w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d07da2bd-1024x97.png 1024w\" sizes=\"auto, (max-width: 1590px) 100vw, 1590px\" \/><\/p><p>If the items are displayed in \u201cTiles\u201d view, go through the \u201cList\u201d tab in the ribbon and get the items changed into \u201cAll Promoted Links\u201d view.<\/p><p>Click on the \u201cEdit\u201d icon of the item that you want to modify. If the \u201cEdit\u201d icon is not available, click the item and select \u201cEdit Item\u201d from the \u201cITEMS\u201d tab in the top ribbon.<\/p><p id=\"sTNCkkG\"><img loading=\"lazy\" decoding=\"async\" width=\"1665\" height=\"504\" class=\"alignnone size-full wp-image-2973  img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d87b7edd.png\" alt=\"\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d87b7edd.png 1665w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d87b7edd-300x91.png 300w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d87b7edd-768x232.png 768w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d87b7edd-1024x310.png 1024w\" sizes=\"auto, (max-width: 1665px) 100vw, 1665px\" \/><\/p><p>Change the details as you wish and it \u201cSave\u201d to complete the modifications.<\/p><p>For example; if you want to change the background image of the link;<\/p><p>Upload the images in to \u201cSite Assets\u201d (Can be found in \u201cSite Contents\u201d section) library of the site collection.<\/p><p>Click on the image that you uploaded. Click on \u201cCopy link\u201d button. Then click on \u201cCopy\u201d button.<\/p><p id=\"wlezDrb\"><img loading=\"lazy\" decoding=\"async\" width=\"927\" height=\"693\" class=\"alignnone size-full wp-image-2972  img-responsive\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d458e822.png\" alt=\"\" srcset=\"https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d458e822.png 927w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d458e822-300x224.png 300w, https:\/\/pariswells.com\/blog\/wp-content\/uploads\/2017\/11\/img_5a011d458e822-768x574.png 768w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/p><p>Now, edit the \u201cPromoted Link\u201d item and replace \u201cBackground Image Location\u201d with the copied new image location.<\/p>","protected":false},"excerpt":{"rendered":"<p>How to Configure Promoted LinksPromoted Links are very useful and frequently used features in SharePoint. By using the prompted links, users can display links as icons or [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[2211,2210,942,2212],"class_list":["post-2869","post","type-post","status-publish","format-standard","hentry","category-research","tag-icon","tag-promoted-links","tag-sharepoint","tag-thumbnail"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/2869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/comments?post=2869"}],"version-history":[{"count":2,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/2869\/revisions"}],"predecessor-version":[{"id":2974,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/2869\/revisions\/2974"}],"wp:attachment":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/media?parent=2869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/categories?post=2869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/tags?post=2869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}