SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It only takes a minute to sign up.
Sign up to join this community
I know this question has been asked a number of times in different guises.
I am after a way of either removing the animation entirely so the link tile stays static instead of animating on hover or to limit the height of the animation.
I have removed the entire hover layer but doesn't then let me add text to the tile having to resort to creating tiles with writing within the image which is not ideal.
I am using SP 2013 on prem.
Many thanks
This answer may not satisfy you, as it doesn't remove the hover effect but hides the rolled up element - and as it also hides the title of the Tile:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$( document ).ready(function() {
$(".ms-tileview-tile-content a").css("visibility","hidden");
});
</script>
Embed this Code inside a Script Editor Webpart (or Content Editor Webpart) on the page.
According to another forum post also this should work (However, it didn't work for me - but I am using SharePoint Online - there might have been a change in the HTML-DOM):
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
_spBodyOnLoadFunctionNames.push("myCustomFunctionName");
function myCustomFunctionName() {
$(".ms-tileview-tile-content").off('mouseenter');
}
</script>
