Jump to content
  • 0

Report Data Pages - Inline Add - Fieldname Displaying on mouse over



When using the Inline Add capability with Report data pages, the field name is displayed for each input field in the input line.  Does anyone have a solution to keep this from happening? I have searched Localization and the associated CSS, but neither produced results.

Thanks in advance for your time,


Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0



In the screenshot above, I have a Reports/Chart data page with an Inline Add capability enabled. 

When the member mouses over any of the input fields, the Field name from the source table is being displayed.

On other Report/Chart data pages where I am using the SAME CSS and SAME Localization I do not have this problem. I am assuming that the problem is associated with the Inline Add.

I have searched both the CSS and the Localization to see if there is a value that can be removed or hidden, but have fount none.

When I inspect the page, the only identifying thing is that it states, title='BloodSugarLog_BS_TOD'

This mouse over is really unprofessional and anoying.


Link to comment
Share on other sites

  • 0

Hello Lynda,

Try and paste this code below into the footer of your DataPage. Remember to turn off the HTML editor. It fixed the issue on my end.

The code:

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


Let me know if this works for you.


Link to comment
Share on other sites

  • 0

Hello @Lynda,

The suggestions above from other forum members are correct, however, let me sum up:

1) The field names visible on hover come from the so-called 'Title' attribute (each field in the Inline Add has this attribute).


It is not possible to delete it under Localization, but it is possible to delete this attribute by JavaScript code.

The solution above uses jQuery. You may want to use pure JS code. 

You may paste it in the Footer section:

document.addEventListener('DataPageReady',  deleteTitle);

 function deleteTitle(event) {

 document.querySelectorAll('[id^="InlineAdd"]').forEach(field => field.removeAttribute('title'));
 document.removeEventListener('DataPageReady',  deleteTitle);


2) After the Title is deleted, you will see the generic 'Data Table' Tip instead. And this one should be customized under the Localizations.


So, this solution consists of 2 parts. 

Hope this helps.

P. S. The same Title appears for Inline Edit. But the code for Inline Edit should be different since the user clicks the 'Edit' button first, and then the Title appears. So, we should take the button click into the account. 

Link to comment
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.

Answer this question...

×   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.

  • Create New...