Add hover Text to buttons

Forms SharePoint Online
1

Hiya Plumsail

Just a quick one, is it possible to add hover text to a button control? I can't figure out how to do it!
Like this:

image

Regards

2

Hello,

You can, check out the code below:

//Styles PowerBi Quick Access button by adding icon
$('.Button3').prepend('<i class="ms-Icon ms-Icon--PowerBILogo"></i>');
//Adds ToolTip on Hover
$('.Button3').attr('title', 'Power BI HomePage');

Check out the icons in here and copy and paste above: https://uifabricicons.azurewebsites.net/

1 Like
3

Thank you!!!
You are a star! :smiley:

1 Like
4

No trouble.

You can also add the icon after the text using this code:

$('.Button3').append('<i class="ms-Icon ms-Icon--PowerBILogo"></i>');

1 Like