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

[Lynda]

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,

Lynda

[SushiPizza]

Hi Lynda,

Could you elaborate more, and maybe send a screenshot?

[Lynda]

Sure!

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.

Lynda

[SushiPizza]

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>
<script>
$(document).ready(function(){
$('.cbResultSetTextField').removeAttr('title')
$('.cbResultSetTable').removeAttr('title')
});
</script>

 

Let me know if this works for you.

regards,
SP

[kpcollier]

@Lynda, give the 'Data Table Tip' a try on Localizations. You can find it under the Results Page options, in Labels and Markers. I had a similar issue with these popups and setting the custom text to blank for this option fixed it for me.

[CoopperBackpack]

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:

<script>
document.addEventListener('DataPageReady',  deleteTitle);

 function deleteTitle(event) {

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

};
</script>

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. 

[Lynda]

  Did I tell you how much I love you! Thank you sooooo much! Those titles were so annoying and unprofessional. Really, EVERYONE! thank you.

Lynda