Jump to content

Recommended Posts

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

Share this post


Link to post
Share on other sites

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>

 

Share this post


Link to post
Share on other sites

 

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!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...