Promoted Links Tiles

I am having an issue with the images attached to the promoted link tiles. No matter what size I change the file too, I can not get the tile to show the whole pictures.
Does anyone have any advice on how to make the pictures fit in the tiles?
Thank you!

I would suggest going with a square size. Either 64x64 or 128x128. Also, try other pictures to make sure it's just an issue with that particular picture.
Andy Wessendorf SharePoint Developer II | Rackspace [email protected]

Similar Messages

Sort promoted links tiles(Tiles View) in alphabetical order.

Hi,
i want to sort my promoted linked list tiles in alphabetical order. OOTB there is no option to sort promoted links tiles view .Any pointers on how to do this will be really helpful.

Hi,
If you would like to sort it by title automatically, you would modify Tiles view aspx page in SharePoint Designer.
Please open SharePoint Designer > All files > Lists > promoted link list > Tiles.aspx, then locate the below code:
<Query>
<OrderBy>
<FieldRef Name="TileOrder" Ascending="TRUE"/>
<FieldRef Name="Modified" Ascending="FALSE"/>
</OrderBy>
</Query>
Then replace it by the code below:
<Query>
<OrderBy>
<FieldRef Name="Title" Ascending="TRUE"/>
</OrderBy>
</Query>
Regards,
Rebecca Tu
TechNet Community Support

Promoted Links Tile Background Image Size Issue

I am brand new to using sharepoint and I am having an issue with the images attached to the promoted link tiles. No matter what size I change the file too, I can not get the tile to show the whole pictures.
I have tried changing the image size for multiple different pictures in both photoshop and illustrator to 128px and 150px, with no luck!
Does anyone have any advice on how to make the pictures fit in the tiles or how to start with an illustrator or indesign image and format it correctly to display in the tile view?
As many details as possible will help since I just started using this program!
Thank you!

Hi,
According to your description, my understanding is the promoted link tile can’t show the whole image.
By default, When image with a blank space around, it would be transformed properly in promote link tile, I suggest you modify the image to make it with blank space around.
For about modifying image, I suggest you post a question to the corresponding forum such as Photoshop forum:
https://forums.adobe.com/community/photoshop
Feel free to reply if there are still any questions.
Best regards
Patrick Liang
TechNet Community Support

Apply Different Background Color to Promoted Links Tiles

Hello everyone,
Does anybody know a way of changing the background color of each individual tile of Promoted Links? If possible, and if anybody is familiar, I would like to do it using a JS Link file.
Thanks in advanced.
Fausto Capellan, Jr - SharePoint Admin

Hi Fausto,
You could try the script below to set color without randomly change:
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script><script type="text/javascript">
$(document).ready(function () {
var id;
var rgb;
var rgb1;
var rgb2;
var rgb3;
for (var i = 0; i < $("div.ms-tileview-tile-content").length; i++){
id = $("div.ms-tileview-tile-content")[i].id;
if(i%2 == 0){
rgb1 = getRgb(0,i);
rgb2 = getRgb(50,i);
rgb3 = getRgb(150,i);
}else{
rgb1 = getRgb(150,i);
rgb2 = getRgb(50,i);
rgb3 = getRgb(0,i);
rgb = "rgb("+rgb1+","+rgb2+","+rgb3+")";
$("#"+id).css("background-color",rgb);
function getRgb(n,i){
var rgbNum = n + i *25;
if (rgbNum < 255){
return rgbNum;
}else{
getRgb(1,1);
</script>
Please set the parameter “n” with number per your situation in the function getRgb(n,i). The screenshot below is my result:
Regards,
Rebecca Tu
TechNet Community Support

Multiple Promoted Links Wrap Tiles

I am using promoted links web parts for a landing page menu and wanted to tile wrap, the link below was very helpful in seting up the script editor to make the promoted links tile wrap, but as I have 3 promoted link web parts they get jumbled up.
http://social.technet.microsoft.com/wiki/contents/articles/19622.sharepoint-2013-promoted-links-wrap-tiles.aspx
Is there any quick way to modify the script code to allow for multiple promoted link web parts and still tile wrap?

Hi,
According to your post, my understanding is that you want to modify the script code to allow for multiple promoted link web parts and still tile wrap.
You can use the code as below, then all promoted link web parts in the page will tile wrap.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js "></script>
<script type="text/javascript">
$(document).ready(function () {
var currentRow = 1
$('.ms-promlink-root').each(function () {
if ($(this).html() != "") {
var numberOfLinksPerRow = 4;
// local variables
var pre = "<tr><td><div class='ms-promlink-body' id='promlink_row_";
var post = "'></div></td></tr>";
var numberOfLinksInCurrentRow = numberOfLinksPerRow;
// find the number of promoted links we're displaying
var numberOfPromotedLinks = $(this).find('.ms-promlink-body > .ms-tileview-tile-root').length;
// if we have more links then we want in a row, let's continue
if (numberOfPromotedLinks > numberOfLinksPerRow) {
// we don't need the header anymore, no cycling through links
$(this).find('.ms-promlink-header').empty();
// let's iterate through all the links after the maximum displayed link
for (i = numberOfLinksPerRow + 1; i <= numberOfPromotedLinks; i++) {
// if we're reached the maximum number of links to show per row, add a new row
// this happens the first time, with the values set initially
if (numberOfLinksInCurrentRow == numberOfLinksPerRow) {
// i just want the 2nd row to
currentRow++;
// create a new row of links
$(this).find('table > tbody:last').append(pre + currentRow + post);
// reset the number of links for the current row
numberOfLinksInCurrentRow = 0
} // move the Nth (numberOfLinksPerRow + 1) div to the current table row
$(this).find('.ms-promlink-body > .ms-tileview-tile-root:nth-child(' + (numberOfLinksPerRow + 1) + ')').appendTo($('#promlink_row_' + currentRow));
// increment the number of links in the current row
numberOfLinksInCurrentRow++;
</script>
Best Regards,
Linda Li
Linda Li
TechNet Community Support

How to add SharePoint 2013 Promoted link list view web part in page programatically with Tiles view using CSOM.

How to add SharePoint 2013 Promoted link list view web part in page programatically with Tiles view using CSOM. I found that it can be
done by using XsltListViewWebPart class but how can I use this one by using shraepoint client api.
shiv

Nice, can you point me to the solution please ?
I'm trying to do this but I get an error :
Web Part Error: Cannot complete this action. Please try again. Correlation ID: blablabla
StackTrace: at Microsoft.SharePoint.SPViewCollection.EnsureViewSchema(Boolean fullBlownSchema, Boolean bNeedInitallViews) at Microsoft.SharePoint.SPList.GetView(Guid viewGuid)
All help really appreciated.

Promoted Links, can't edit the tile

Happy New year!
Discovered today the Promoted Link feature, put in png icons, working ok except one. And can't edit it.
In the ITEMS tab I can click on "New Item" this opens the window to add another link/tile. But the "Edit Item" is greyed out. I don't know how to select the bad link/tile to be able to edit it. Or how to get to the window/list where I
put in the 3 initial icons, 2 still work, the other can't edit.
I am using SP Online, and it is my account as I am the admin. (just learning/playing with SP)
The first time I deleted the app and started over, but now it's doing it again.
How can I fix this?
Pierre
I just answered my own question, so will post this anyway, for others.
pgg02

I'm not sure what view you are using so I'll try my best the promoted links app is basically a share point list that hen you add to a page provides a nice way to display links . You should see the '...' These three dots represent more options if you select
it and click edit item properties you will be able to edit the item If the view you are on is the thumbnail view switch it over to all items which will out it into a simple columns and rows type view which will allow you to so the more options on the items
and edit the specific item itself.

Can you create two separate tile views for a Promoted Links List

I have lots of pages on my site where i want the effect of the promoted links list tile view. However, i don't want the same links to show up on every spot i use it. Is there not a way to create separate tile views so you can create filtering conditions?
Right now i am stuck having 5 separate lists with 5 items in each because of this limitation. Am i missing something?
I look forward to your responses.
~Zach

There is an easy way to do this.
Add columns to the Promoted Links list.
Add a column named Page.
Type in name of the page on which you would like this link to appear.
Add a column named Row.
Create a view filtered by page name and Row. Example: Show only when Page = HomePage AND Row = 1
Create another view filtered by page name and another Row. Example: Show only when Page = HomePage AND Row = 2.
Go the page you would like the links to appear. Edit the Page.
Add Promoted Links app part (still not used to the app thing) and select your view for Row 1
Add another Promoted Links app part and select the view for Row 2.
Lather, Rinse and Repeat.
Tamara Bredemus SharePoint Minion...working up to Maven

Promoted Links Rollup and CQWP / CSWP

I would like to do the following:
Have Promoted Links List Type on certain key sub sites.
Using a CQWP or CSWP roll up the Promoted Links to a main landing page, including images that are used in the PromotedLink (albeit smaller). I have seen a few examples of CSWP where there is a small image on the left, that is what I would like to accomplish,
but have it be ONLY Promoted Links
Furthermore, the link for the item being returned in the query should not be a link to the item itself, but it should be the link it is actually linking to... :)
I seem to be struggling with how to accomplish this in either CQWP or CSWP
For example in CQWP, I am able to return all the items from all the ListType=Promoted Links. But I cannot get any images to to display, and of course, the link coming back in the query is a link to the actual Promoted Link item, as opposed to the actual
link, and I cannot successfully replace the Link property with the "Link Location" field coming from the Promoted Link item.
In CSWP, I cannot seem to query based on the correct Content Type, and I am also getting no images back at all.
To me, rolling up Promoted Links in this fashion seems like it should be a slam-dunk, but it is not, unless there is something I am missing.
Can someone please tell me if what I am trying to accomplish is possible without a lot of extra work, or should I move on to another method?
Thank you
DWM

I did find this article, and I tried it. the problem is that is appears as though I have other content types in there that start with 0x00 as this Site Collection contains some old upgraded content from 2007.
I find it only works cleanly when I include the entire ContentID from each list, which is cumbersome.
I am still unsure how to proceed with this. What I would really like is to be able to rollup Promoted Links in the same horizontal manner, and have a single list of links on the landing page. It might look similar to how the Windows 8 internet
explorer Frequent tiles look. So you could have a single promoted-link looking control on the front page that would rollup all promoted links and you could scroll side-to-side to see all the promoted links.
I realize this can be accomplished by creating a single Promoted Links list object at the base of the Site Collection,but that is also cumbersome. It would be nice to have site owners maintain their own promoted links and have it rollup to
the top automatically.
Of course this is also hindered by the fact that you cannot get CSWP to present horizontally OOB, and even if I used summary links, I would have to compact the view by using groups and spacing etc is not optimally without a lot of extra work, which I was
hoping to avoid in the interest of time
Thank you for taking the time to respond.
DWM

Promoted Links app Behaviour=Dialog Question

Greetings all. I have an issue with the Promoted Links app. Here is the situation:
Site Collection created as a Publishing Site
Home changed to Page Layout – Blank Web Part Page
Have a Promoted Links app (titled Networking Actions) that has 1 item in it. This item opens a custom list from the site in dialog (Launch Behavior = Dialog).
This action works fine if I just open the Networking Actions app from all site content and click on the tile (it opens the list in dialog).
I add the Networking Actions app to the home page in a web part zone.
I click on the tile to open the list, nothing happens and I get the lovely exclamation ERROR ON PAGE in the lower left hand corner.
I change the Launch Behavior to NEW TAB or IN PAGE NAVIGATION and it works fine from the home page.
All security for all items on the site is setup to inherit from the site. Doesn’t matter where the user account is setup (Owner, Member or Visitor) it still will not work when launched from the web part zone.
I’d appreciate any thoughts or suggestions. The Promoted Links app is super great, unless the dialog isn’t going to work as advertised.

Hi ,
Promoted link webpart ,launch behavior is working fine in designer log in.
But for visitor sign in ,throws error
"sp.res.defaultdialogwidth is null or not an object ".
<script type="text/javascript">
if(typeof SP.UI.ModalDialog === 'undefined'){
var script=document.createElement('script');
script.setAttribute("type","text/javascript");
script.setAttribute("src", "https://cdn.sharepointonline.com/3820/_layouts/15/sp.ui.dialog.js");
document.getElementsByTagName("head")[0].appendChild(script);
</script>
Above highlighted url error speciifies that url
"sp.res.defaultdialogwidth is null or not an object ".

Controlling visibility of links in a promoted links list

I have a few links in a Promoted List app that appear as live tiles on the page. Is there a way to control the visibility of these links/tiles based on the username of the logged in user?
Any instructions/directions on how to go about this will be appreciated.
Thanks

Are you referring to the promoted sites that are set up in the user profile service? If so, there are no permissions involved. You need to create audiences in the user profile service, and target each promoted site to a specific audience of
people.
Laura Rogers
Rackspace: SharePoint Consulting
Blog: http://www.wonderlaura.com
Twitter: WonderLaura
Books:Beginning SharePoint 2010: Building Business Solutions with SharePoint
Using InfoPath 2010 with Microsoft SharePoint 2010 Step by Step

Show Promoted Links ListView on Parent Site

I've got a Parent Team Web Site with a Sub-Community Site.
Now I want to show the promoted Links listviewwebpart form the Categories (Sub-Community Site) on the Homepage of my Parent Site.
Is there a way to achieve this?

Hi Stefan,
You can follow these steps to achieve this goal,
1.Go to Sub-Community site promoted links list from SharePoint Designer.
2.Then replace the WebId value in list view web part in Tiles.aspx page with the actual value got by powershell per the following article.
3.Then save the page, then put the cursor in web part and save the web part to the site gallery.
4.Then the promoted webpart can be inserted in parent team web site.
http://anthony-verschraegen.blogspot.com/2013/04/sharepoint-powershell-get-web-id-guid.html
Thanks
Daniel Yang
TechNet Community Support

Promoted links limit?

Is there a limit on Promoted links as not all the links seem to be displaying under tiles?
We have 43 promoted links.

You are right. The default page is restricting the number of tiles to 30. If you want to change the row limit, you need to update open the page in SharePoint designer and update the value in view tag.
<View Name="{FE96330A-0C21-4FF2-8C07-0F0A881C1743}" DefaultView="TRUE" MobileDefaultView="TRUE" Type="HTML" ReadOnly="TRUE" OrderedView="TRUE" DisplayName="Tiles" Url="/Lists/Promoted/Tiles.aspx" Level="1" BaseViewID="1" ContentTypeID="0x" ><Query><OrderBy><FieldRef Name="TileOrder" Ascending="TRUE"/><FieldRef Name="Modified" Ascending="FALSE"/></OrderBy></Query><ViewFields><FieldRef Name="Title"/><FieldRef Name="BackgroundImageLocation"/><FieldRef Name="Description"/><FieldRef Name="LinkLocation"/><FieldRef Name="LaunchBehavior"/><FieldRef Name="BackgroundImageClusterX"/><FieldRef Name="BackgroundImageClusterY"/></ViewFields><RowLimit Paged="TRUE">30</RowLimit><JSLink>sp.ui.tileview.js</JSLink><XslLink Default="TRUE">main.xsl</XslLink><Toolbar Type="Standard"/></View></XmlDefinition>
Yes you can configure the sequence of the tiles by using column 'TileOrder'.
Here is the snippet used to create more tiles on the fly.
using (SPSite oSite = new SPSite("http://Server2013"))
using (SPWeb oWeb = oSite.RootWeb)
SPList oList = oWeb.Lists["Promoted"];
SPListItemCollection items=oList.Items;
//while (items.Count > 0)
// items[0].Delete();
for (int i = 0; i < 155; i++)
SPListItem oSPListItem = oList.Items.Add();
oSPListItem["Title"] = "Hello SharePoint"+i;
oSPListItem["LinkLocation"] = "http://location"+i;
oSPListItem["LaunchBehavior"] = "In page navigation";
oSPListItem["TileOrder"] = i+1;
oSPListItem.Update();
After this change, I'm able to see all the tiles like below.
Bala

Promoted links in center of page using CSS code in a script editor

I do not have access to the sharepoint designer (company policy) but I'm trying to get my promoted links in the center of my SharePoint-page. This all in a way that they stay centered when I change form laptopview (1366x768) to desktopview (1920x1080).
I've googled the problem but no solution is (yet) presented.
Can you help me to the script editor code I need?

Hi,
Have you tried using javascript inside a Content Editor Web Part (CEWP) ?
Here is an example : https://social.msdn.microsoft.com/Forums/office/en-US/b7cf5f24-f970-44d9-a50d-382d77d0def9/how-do-i-center-a-list-view-webpart-style-boxed?forum=sharepointcustomizationlegacy
Regards
Samuel Levesque | Sharepointerie.com |
Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.

Promoted link to trigger the content display in a web part

Here is what I am trying to achieve.
To have a promoted link (to a html source) at the site home page. On clicking the link, the content displays either in a pane just below the link or in a web part.
Is this possible OOB? if not, how can this be achieved?
Thanks,
Anitha

I know you could use jQuery to manipulate it I just don't know exactly how you would do it :).

Promoted Links Tiles

Similar Messages

Maybe you are looking for