Joomla! Forum - community, help and support

I am using joomla Contact Component in my site. On form validation tooltip appears on required fields. Can anyone please help me how can i remove or disable such tooltip for input fields.
i am unable to get relevant js code which appends such tooltip on required fields of form.

I dont know that this is the "right" way to do this but it worked for me.

edit "default_form.php" in components-->com_contact -->views->contact->tmpl

Line 12 comment out (or delete) JHtml::_('behavior.tooltip');

Anyone with a better idea?

hi,
the easiest way is to go to the template and to edit the tooltip like this:
(Editing file "css/personal.css" in template "beez_20")

.tip
{
display:none;
}

it worked like charm for me, the whole tooltip is gone!

harisk73 wrote:I dont know that this is the "right" way to do this but it worked for me.

edit "default_form.php" in components-->com_contact -->views->contact->tmpl

Line 12 comment out (or delete) JHtml::_('behavior.tooltip');

Anyone with a better idea?

Many thanks !! It is same problems I have so I tried what you said... it work !!! thanks !
BRAVO !

I found an another solution against tooltip for J3.+ (contact form and subscribe):

replace in media/jui/js/bootstrap.min.js

from
to
You can also try boosterstrap.js (for me it was bootstrap.min.js).

Sofia

sofitek, that totally worked, my template with new bootstrap functionality was making my contact form act stupid.

Thank you,

Than U so much for this tip sofitek

sofitek wrote:I found an another solution against tooltip for J3.+ (contact form and subscribe):

replace in media/jui/js/bootstrap.min.js

from

Code: Select all

[this.options.html?"html":"text"]

to

Code: Select all

[this.options.html?"":""]

You can also try boosterstrap.js (for me it was bootstrap.min.js).

Sofia

This answer is the best one for J3

Cleanshooter wrote:

sofitek wrote:I found an another solution against tooltip for J3.+ (contact form and subscribe):

replace in media/jui/js/bootstrap.min.js

from

Code: Select all

[this.options.html?"html":"text"]

to

Code: Select all

[this.options.html?"":""]

You can also try boosterstrap.js (for me it was bootstrap.min.js).

Sofia

This answer is the best one for J3

Yeah but doing an inspect element in Chrome we get erros:

Uncaught TypeError: Object [object Object] has no method ''. User doesn't get an error, but I guess maybe a better option to disable tooltips is at someone's mind?

How about the following solution:

Hi,

I want to hide all tooltips in my website. I am using Joomla 3.2.3 and Hikashop. In the Registration form http://moodleshop.wideservices.gr/en/co ... gistration if you hover you will see it. I tried all the mentioned ways and nothing has changed. Any ideas?

--

edit: Ι also has this tooltip enabled in Hikashop "http://moodleshop.wideservices.gr/en/o- ... -mou/order"

Thanks in advance


----

Solution for me :

ui-tooltip{display:none !important;}

From looking at the bootstrap code you all adjusted and testing, I found an answer that works for me:
Add to CSS:
<style>
.tooltip-inner{display:none;}
</style>

This worked for me, at least with the Calendar widget (Joomla 3.3.1)

great it works but what about small triangle which show up on hover?
any idea?

ok i just solve this You have to hide one more class="tooltip-arrow"

The above solutions doesn't work in latest Joomla 3.4

This worked for me though:

.ui-tooltip {
display:none;
}

BTW, I don't know why Joomla core team insists that much on Bootstrap, especially in front-end. Bootstrap is framework mostly for back-ends.

Guys are you trying to make Bootstrap necessary for all Joomla sites??? This is not the good way to go and I am really concerned about future of Joomla.

Please make Bootstrap optional, not mandatory, especially in front-end.

Hello,
We have the same problem. We use joomla 3.8.5. I tried a lot of solutions found on the internet but without success.
Finaly it's work with: This css code inside my template