Remove tooltip of required input fields in Contact Component

This forum is for general questions about extensions for Joomla! 2.5.

Moderators: pe7er, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
waleedshah
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Wed Oct 12, 2011 8:03 am

Remove tooltip of required input fields in Contact Component

Post by waleedshah » Wed Oct 26, 2011 6:50 am

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.

harisk73
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Fri Dec 15, 2006 1:46 pm

Re: Remove tooltip of required input fields in Contact Compo

Post by harisk73 » Sat Feb 04, 2012 8:01 am

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?

nils99
Joomla! Intern
Joomla! Intern
Posts: 56
Joined: Wed Jul 16, 2008 5:18 pm
Location: Berlin, Germany
Contact:

Re: Remove tooltip of required input fields in Contact Compo

Post by nils99 » Thu Apr 19, 2012 3:45 pm

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!
:pop

User avatar
jwtorg
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Thu Jul 12, 2007 7:41 pm

Re: Remove tooltip of required input fields in Contact Compo

Post by jwtorg » Fri Mar 22, 2013 8:20 pm

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 ! :p

sofitek
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sat Aug 24, 2013 4:42 am
Location: France
Contact:

Re: Remove tooltip of required input fields in Contact Compo

Post by sofitek » Sat Aug 24, 2013 4:49 am

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

jlabs123
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Thu Oct 24, 2013 10:18 pm

Re: Remove tooltip of required input fields in Contact Compo

Post by jlabs123 » Thu Oct 24, 2013 10:25 pm

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

Thank you,

Jasminius
Joomla! Apprentice
Joomla! Apprentice
Posts: 21
Joined: Fri Oct 25, 2013 10:47 pm

Re: Remove tooltip of required input fields in Contact Compo

Post by Jasminius » Wed Oct 30, 2013 1:24 pm

Than U so much for this tip sofitek :)

Cleanshooter
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Thu Nov 10, 2011 7:19 pm

Re: Remove tooltip of required input fields in Contact Compo

Post by Cleanshooter » Tue Dec 10, 2013 4:09 pm

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

User avatar
Z3RatuL
Joomla! Apprentice
Joomla! Apprentice
Posts: 20
Joined: Sun Nov 13, 2005 2:23 pm

Re: Remove tooltip of required input fields in Contact Compo

Post by Z3RatuL » Mon Dec 23, 2013 4:16 pm

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?

Alex_cs_gsp
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Mon Jan 13, 2014 8:35 pm

Re: Remove tooltip of required input fields in Contact Compo

Post by Alex_cs_gsp » Mon Jan 13, 2014 8:41 pm

How about the following solution:

Code: Select all

.tooltip
{
	font-size:0px;
}
;)

DrNio
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Mon May 19, 2014 10:09 am

Re: Remove tooltip of required input fields in Contact Compo

Post by DrNio » Mon May 19, 2014 10:23 am

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;}

dmcblue
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Tue Jun 17, 2014 8:17 pm

Re: Remove tooltip of required input fields in Contact Compo

Post by dmcblue » Tue Jun 17, 2014 8:31 pm

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)

Qbik
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Mon Jan 28, 2008 10:13 am

Re: Remove tooltip of required input fields in Contact Compo

Post by Qbik » Sat Sep 13, 2014 9:22 pm

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"

User avatar
mamboline
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 104
Joined: Wed Oct 05, 2005 12:42 pm
Location: Beograd, Serbia
Contact:

Re: Remove tooltip of required input fields in Contact Compo

Post by mamboline » Fri Feb 27, 2015 12:38 pm

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.

Maika_2
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed Feb 14, 2018 10:33 am

Re: Remove tooltip of required input fields in Contact Component

Post by Maika_2 » Wed Feb 14, 2018 10:42 am

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:

Code: Select all

.popover.right
 {
        display: none!important;}
This css code inside my template


Locked

Return to “Extensions for Joomla! 2.5”