cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Cris2
Helper II
Helper II

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

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.

 

Cris2_0-1632490843151.png

 

2 ACCEPTED SOLUTIONS

Accepted Solutions
hardikv
Super User
Super User

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!

View solution in original post

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!

View solution in original post

7 REPLIES 7
hardikv
Super User
Super User

Hi @Cris2 

 

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

hardikv
Super User
Super User

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!

Thanks

 

Inspect element screenshot

Cris2_0-1632667550753.png

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.

Hi 

 

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

 

Thanks

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

 

It has worked! Thanks and much appreciated!

One last question. 

 

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

 

Thanks

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!

Helpful resources

Announcements
PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

Users online (2,335)