Remove "Data Table" tooltip

[dspolyglot]

Hi everyone,

I am encountering an issue wherein a "Data Table" tooltip appears everytime I hover on a report data cell. I want to remove that one.

Please help.

-dspolyglot

[Franchiser]

On 12/20/2017 at 6:12 PM, dspolyglot said:

Hi everyone,

I am encountering an issue wherein a "Data Table" tooltip appears everytime I hover on a report data cell. I want to remove that one.

Please help.

-dspolyglot

2

Hi Dspolyglot,

You can remove tooltip hover using a JQUERY.

CSS and Styles of the DataPage doesn't have the option to turn it off. Try to use the code in the header of your Result Page.

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function(){
$("table[data-cb-name='cbTable']").removeAttr("title");
});
</script>

I hope this helps.

regards,

Franchsier

[MayMusic]

I have not tried the code but syntax needs a little modification:

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script>
$(document).ready(function(){
$("table[data-cb-name='cbTable']").removeAttr("title");
});
</script>

 

[vikovs]

 

On 12/22/2017 at 5:51 PM, MayMusic said:

I have not tried the code but syntax needs a little modification:

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script>
$(document).ready(function(){
$("table[data-cb-name='cbTable']").removeAttr("title");
});
</script>

 

It works! Thank you for your help!

[MayMusic]

You are very welcome

[kdezign7]

Hi,

I added this script to my tabular report datapage and it works in Chrome but not in Safari browser. Any suggestions?

[MayMusic]

Can you give me the link to your  page to take a look at the source code?

[kdezign7]

Thank you for the response. Here is the link:

https://c0abn413.caspio.com/dp/4559500018b74f26c8634bb381ae

[MayMusic]

I am not seeing the issue can you send me a screenshot?

[JEllington]

just to put this out there.. if you are not concerned with the "Data Table" tooltip displaying on older (non ES6 compatible) browsers.
You can skip the overhead of using jquery and use querySelectorAll with the script located at the end of the footer in your Tabular Report DataPages, such as...

<!-- remove "Data Table" tooltip from Tabular report -->
<script>
document.querySelectorAll("table[data-cb-name='cbTable']")[0].removeAttribute("title");
</script>

Keep in mind the reason for using the jquery in previous solutions is for backwards compatibility with older browsers that do not support querySelectorAll.

[DefinitelyNot31337]

Hi,

 

just want to add my version of JavaScript.

To remove all tooltips that say "DataTable", try pasting the code block on either: the footer of your last DataPage (disable HTML Editor in the advanced tab) ; or just before the closing </body> tag of your webpage.

<script>
  document.querySelectorAll('[title*="Data Table"]').forEach(function(elem){ 
    elem.title="";
  })

</script>

 

Hope this helps

-DN31337

[Glitch]

Hello there,

 

This can actually be modified on the localizations now.  

Easy-Peasy. 

[wimtracking2]

On 12/22/2017 at 10:51 AM, MayMusic said:

I have not tried the code but syntax needs a little modification:

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script>
$(document).ready(function(){
$("table[data-cb-name='cbTable']").removeAttr("title");
});
</script>

 

@MayMusic How can this be altered to remove the tool tip code from the inline edit text/button within the table? See screenshots, I have added a font awesome icon to the Record Action and the code shows up in the tool tip. Ideally, I'd like to just remove the tool tip from this inline edit text/button. Thanks

[Tubby]

My bad, ignore my previous comment. I thought you just wanted the icon removed.

[Kurumi]

<script>
  document.querySelectorAll('[title*="Data Table"]').forEach(function(elem){ 
    elem.title="";
  })

</script>

Hi @wimtracking2 - Have you tried this solution? 

You may need to change the Data Table code based on the custom text you have, similar to this:

 

[Volomeister]

Hi @wimtracking2

You can try the following code:

<script>
if (typeof main== 'undefined') {

const removeTitle = (HTMLActionsContainer) => {
HTMLActionsContainer.querySelectorAll('.cbResultSetActionsLinks, img').forEach(actionBtn=>{actionBtn.removeAttribute('title')})
}

const addObserver = () => {
new MutationObserver((mutations)=>{
  let lastMutationAddedNode = mutations[mutations.length-1].addedNodes[0]
    if (lastMutationAddedNode !== null) {
      if (lastMutationAddedNode.getAttribute('class') != null) {
       if (lastMutationAddedNode.getAttribute('class') == 'cbResultSetActionsLinks') {
        removeTitle(lastMutationAddedNode.parentElement)
       } 
    }}

}).observe(document.querySelector('.cbResultSetTable'), {childList: true, subtree: true})
}
const main = () => {
document.querySelectorAll('.cbResultSetActionCell').forEach(actionCell => {
removeTitle(actionCell)
})
document.removeEventListener('DataPageReady', main)
}

document.addEventListener('DataPageReady', main)

}
</script>

 

[wimtracking2]

On 7/6/2023 at 2:53 AM, Volomeister said:

Hi @wimtracking2

You can try the following code:

<script>
if (typeof main== 'undefined') {

const removeTitle = (HTMLActionsContainer) => {
HTMLActionsContainer.querySelectorAll('.cbResultSetActionsLinks, img').forEach(actionBtn=>{actionBtn.removeAttribute('title')})
}

const addObserver = () => {
new MutationObserver((mutations)=>{
  let lastMutationAddedNode = mutations[mutations.length-1].addedNodes[0]
    if (lastMutationAddedNode !== null) {
      if (lastMutationAddedNode.getAttribute('class') != null) {
       if (lastMutationAddedNode.getAttribute('class') == 'cbResultSetActionsLinks') {
        removeTitle(lastMutationAddedNode.parentElement)
       } 
    }}

}).observe(document.querySelector('.cbResultSetTable'), {childList: true, subtree: true})
}
const main = () => {
document.querySelectorAll('.cbResultSetActionCell').forEach(actionCell => {
removeTitle(actionCell)
})
document.removeEventListener('DataPageReady', main)
}

document.addEventListener('DataPageReady', main)

}
</script>

 

This worked, thank you @Volomeister.

[MVPofInnovation]

I'm not sure when this became available, but you can remove the 'Data Table' tooltip in localizations.

Results Pages > Labels & Markers > Data Table Tip  (Make the 'Custom Text' field blank)