Change lookup tooltip from 'Launch lookup modal' to customised text

[Cris2]

How can I change the tooltip text for the lookup icon from 'Launch lookup modal' to a customised text?

I guess there is some liquid code / Javascript.

[hardikv]

Hi @Cris2 

Can you please share inspect element screen shot of that search button?

[hardikv · Accepted solution]

Hi @Cris2 

• Go to Your Basic Form
• Click on Additional Settings
• Add below code in Custom JavaScript

$( document ).ready(function() {
    $(".btn.btn-default.launchentitylookup").attr("data-original-title","Your tooltip");
    $(".btn.btn-default.launchentitylookup").attr("title","Your tooltip");
     $(".btn.btn-default.launchentitylookup").attr("aria-label","Your tooltip");
});

Replace your tooltip texts with "Your tooltip".

--------------------------
If you like this post, give a Thumbs up. Where it solved your query, Mark as a Solution so it can help other people!

[Cris2]

Thanks

Inspect element screenshot

I added the below script to Advanced form step -> Form options -> Customer Javascript:

$(document).ready(function() {

$(".btn btn-default launchentitylookup").attr("data-original-title","Your tooltip");

$(".btn btn-default launchentitylookup").attr("title","Your tooltip");

$(".btn btn-default launchentitylookup").attr("aria-label","Your tooltip");

});

Unfortunately, it did not work. Not sure if the space between 'btn btn' could be the issues.

Help please.

[Cris2]

Hi 

I wouldn't mind hiding the tooltip, if this doesn't work.

Thanks

[Cris2]

Apologies, I had amended the code you had provided instead of just using it.

It has worked! Thanks and much appreciated!

[Cris2]

One last question. 

If a page has more than one lookup field, how do I add a specific tooltip.

Thanks

[hardikv · Accepted solution]

Hi @Cris2 

You can write specific tooltip for lookup using below code:

$( document ).ready(function() {
	$($("#regardingobjectid").next().next()).find(".btn.btn-default.launchentitylookup").attr("data-original-title","Your tooltip");
	$($("#regardingobjectid").next().next()).find(".btn.btn-default.launchentitylookup").attr("title","Your tooltip");
	$($("#regardingobjectid").next().next()).find(".btn.btn-default.launchentitylookup").attr("aria-label","Your tooltip");
});

Please replace regardingobjectid text with your lookup field logical name.

Let me know if there is any issue.

--------------------------
If you like this post, give a Thumbs up. Where it solved your query, Mark as a Solution so it can help other people!