cancel
Showing results for 
Search instead for 
Did you mean: 

Remove Fiori tooltips or SuccessFactors tooltips (Quick Info when mouse hove over)

SonjaK
Explorer
0 Kudos

Dear all,

we have the issue, that we want to remove the quick info/ tooltips (the small info box when you hove over with a mouse) for Fiori application and SuccessFactors because it doesn't look good in a simulation.

Have anyone an idea if it is possible to disable or remove? We think it is a SAP setting and not a Chrome or Edge setting.

We really do appreciate any tip or help.

Thank you

Sonja

Accepted Solutions (0)

Answers (3)

Answers (3)

DirkManuel
Active Contributor

For those of us without Anton's mad coding skills, I just train my authors to 'click-then-immediately-move' the cursor off the object. Because of the way SEN captures actions ([i] intercepting the action, [ii] taking the screenshot, then [iii] performing the action) there is usually enough time to move the cursor so the the tooltip / hover over effect disappears before SEN takes the screenshot - and it will always move the cursor back to the object when it performs the action anyway.

Works for me, and I move the cursor off the object after clicking just by force of habit now. But training authors to do the same is sometimes hit-and-miss - and then I end up having to edit out the Tooltip.

Anton_Mavrin
Advisor
Advisor

Heeeey 🙂 I will productize it 🙂 I already sent this script to SAP Enable Now support + developers and asked them to implement it as a standard function. I haven't received any response yet, but I will keep bothering them.

katarzyna_pabianek
Discoverer
0 Kudos

Brilliant tip, Dirk! Thank you!

Anton_Mavrin
Advisor
Advisor

Hi sonjak,

Good news! Looks like this is fixed in the latest SAP Enable Now release. I tried recording FLP, and tooltips do not appear because the entire hover event is disabled during the recording.

Please ignore my first answer if you have SAP Enable Now Cloud.

Kind Regards, Anton

Anton_Mavrin
Advisor
Advisor

This behavior is hardcoded into the Fiori framework. I'm not sure, whether there is a control in the Fiori to remove from the Fiori source code functions that do it.

These are 2 files that are responsible for showing tooltips.

However, you can temporarily "kill" the tooltips on the page by running this command in the browser developer tools - Console.

//This will remove tooltips from Fiori Tiles
const mutationObserver = new MutationObserver((entries) => {
    entries[0].target.removeAttribute('title')
  }
);
const panel = document.querySelector('body');

mutationObserver.observe(panel, {
  attributes: true,
  subtree: true,  
  attributeFilter: ["title"],
});

// OPTIONAL: This will remove titles as tooltips from the fields
cleanTitle();
window.onhashchange = cleanTitle;

function cleanTitle() {
    setTimeout(() => {
        document.querySelectorAll('*').forEach(function(node) {
  try {
      node.removeAttribute('title')
  } catch(e) {}
})
    }, 1000)}