Remove tooltip of required input fields in Contact Component
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.
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.
-
- Joomla! Fledgling
- Posts: 3
- Joined: Wed Oct 12, 2011 8:03 am
Remove tooltip of required input fields in Contact Component
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 am unable to get relevant js code which appends such tooltip on required fields of form.
-
- Joomla! Fledgling
- Posts: 1
- Joined: Fri Dec 15, 2006 1:46 pm
Re: Remove tooltip of required input fields in Contact Compo
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?
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?
-
- 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
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!
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!
- jwtorg
- Joomla! Apprentice
- Posts: 16
- Joined: Thu Jul 12, 2007 7:41 pm
Re: Remove tooltip of required input fields in Contact Compo
Many thanks !! It is same problems I have so I tried what you said... it work !!! thanks !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?
BRAVO !
-
- 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
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
replace in media/jui/js/bootstrap.min.js
from
Code: Select all
[this.options.html?"html":"text"]
Code: Select all
[this.options.html?"":""]
Sofia
-
- Joomla! Fledgling
- Posts: 1
- Joined: Thu Oct 24, 2013 10:18 pm
Re: Remove tooltip of required input fields in Contact Compo
sofitek, that totally worked, my template with new bootstrap functionality was making my contact form act stupid.
Thank you,
Thank you,
-
- Joomla! Apprentice
- Posts: 21
- Joined: Fri Oct 25, 2013 10:47 pm
Re: Remove tooltip of required input fields in Contact Compo
Than U so much for this tip sofitek
-
- Joomla! Apprentice
- Posts: 8
- Joined: Thu Nov 10, 2011 7:19 pm
Re: Remove tooltip of required input fields in Contact Compo
This answer is the best one for J3sofitek wrote:I found an another solution against tooltip for J3.+ (contact form and subscribe):
replace in media/jui/js/bootstrap.min.js
from
toCode: Select all
[this.options.html?"html":"text"]
You can also try boosterstrap.js (for me it was bootstrap.min.js).Code: Select all
[this.options.html?"":""]
Sofia
- Z3RatuL
- Joomla! Apprentice
- Posts: 20
- Joined: Sun Nov 13, 2005 2:23 pm
Re: Remove tooltip of required input fields in Contact Compo
Yeah but doing an inspect element in Chrome we get erros:Cleanshooter wrote:This answer is the best one for J3sofitek wrote:I found an another solution against tooltip for J3.+ (contact form and subscribe):
replace in media/jui/js/bootstrap.min.js
from
toCode: Select all
[this.options.html?"html":"text"]
You can also try boosterstrap.js (for me it was bootstrap.min.js).Code: Select all
[this.options.html?"":""]
Sofia
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?
-
- Joomla! Fledgling
- Posts: 1
- Joined: Mon Jan 13, 2014 8:35 pm
Re: Remove tooltip of required input fields in Contact Compo
How about the following solution:
Code: Select all
.tooltip
{
font-size:0px;
}
-
- Joomla! Apprentice
- Posts: 29
- Joined: Mon May 19, 2014 10:09 am
Re: Remove tooltip of required input fields in Contact Compo
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;}
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;}
-
- Joomla! Fledgling
- Posts: 1
- Joined: Tue Jun 17, 2014 8:17 pm
Re: Remove tooltip of required input fields in Contact Compo
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)
Add to CSS:
<style>
.tooltip-inner{display:none;}
</style>
This worked for me, at least with the Calendar widget (Joomla 3.3.1)
-
- Joomla! Apprentice
- Posts: 31
- Joined: Mon Jan 28, 2008 10:13 am
Re: Remove tooltip of required input fields in Contact Compo
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"
any idea?
ok i just solve this You have to hide one more class="tooltip-arrow"
- mamboline
- 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
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.
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.
https://www.hotjoomlatemplates.com - Joomla templates
-
- Joomla! Fledgling
- Posts: 1
- Joined: Wed Feb 14, 2018 10:33 am
Re: Remove tooltip of required input fields in Contact Component
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
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;}