Where to find promoted links in SharePoint 2013?
“Promoted2” should be shown on click event of Tile2 and “Promoted3” be shown on click event of Tile3 of “Promoted1”. For the background image of promoted2, png photos are used. Insert a script editor to the page and edit it.
How can I remove the promoted links overlay until hover?
I have a question regarding the promoted links overlay. I have seen posts that make the overlay completely transparent, but I can’t find anything that does exactly what I want.
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.
Can you change the width of a promoted link?
If you have only one promoted link in the page or want to break all of them in lines, you could change the width as below: However, if you have several Promoted links and you desire to wrap just one of them , the mentioned trick would not work.
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 to handle the click event in SharePoint?
In order to handle the click event of each tile you have to know the id of each tile when clicked. So, you use this code to get the id by an alert. In this scenario we want to hide “Promoted2” and “Promoted3” on Page load, then show “Promoted2” on click event of tile2 of “Promoted1” and show “Promoted3” on click event of tile3 of “Promoted1”
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.