Page 1 of 1
Joomla 3.1.5 Registration tooltips now not working correctly
Posted: Thu Aug 08, 2013 1:43 pm
by allanmcnabb
We Upgraded Joomla 3 to 3.1.5 and tooltips for the registration page no longer work correctly.
The class changed from "hasTip" to "hasTooltip" and now the tool tip does not function correctly. The tips make the form move.
Thanks!
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Thu Aug 08, 2013 2:12 pm
by allanmcnabb
Update:
Joomla 3.0.3 the registration form worked correctly with the Protostar and Breez3 templates.
When upgrading to Joomla 3.1.5, the Protostar Template worked, but the Breez3 template did not work correctly with the registration form.
Are there changes we should make in the template to handle the Joomla upgrade?
Thanks!
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Tue Aug 20, 2013 5:11 am
by vinnchow
yaya..i also having the same problem..
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Thu Aug 29, 2013 1:52 pm
by flpblackforest
Hello guys! I'm having this terrible problem also and I made some research. Here's what my progress so far:
1. I am using Isis Template (For Administrator), and Beez Template (For Site).
2. I uses the debug tool of Google Chrome (Press F12 on your google chrome web browser to launch it)
3. Open both admin and site pages in different tabs
4. Examine the list of .css file loaded on separate tabs
When I look closely, I am not seeing a "template.css" on the site page, but in the admin page I can see. When you hover the mouse to the field that launches the tooltip, there's a "div" tag inserting below the "label" tag and it has a class name "tooltip fade top in". I searched for the entire .css files of the Beez template but I cannot see it.
THAT IS WHAT IS MISSING! [As I thought 
]
What you have to do is open the "template.css" of the Isis template using Notepad, copy the entire "tooltip" class starting from ".tooltip" up to ".tooltip.bottom .tooltip-arrow" (lines 3958 to 4033), and paste it to the one of the .css file where Beez template is using. I tried "personal.css" and paste the entire code class at the bottom.
Save it (don't close yet), go back to google chrome and activate the site tab, hit refresh (F5) and check if there's any changes on the tooltip.
The tooltip shows but it is not in the right position. I haven't tweaked the codes yet. Maybe if you find a fix please post it here. I'll try it tomorrow.
Cheers!
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Tue Sep 17, 2013 12:22 pm
by szgruca
Well done, adding the styles from administrator template css file solves the problem.
Wrong position of the tooltip you can fix by removing display: block; from label tag in your template's css.
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Tue Sep 17, 2013 10:54 pm
by Utech22
I will try that later.
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Fri Sep 27, 2013 12:49 pm
by ist_04
The answer is 100% correct and saved me a lot of time! To save others a lil more, here is the CSS from the template.css file:
Code: Select all
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip {
max-width: 400px;
}
.tooltip-inner {
max-width: none;
text-align: left;
text-shadow: none;
}
th .tooltip-inner {
font-weight: normal;
}
.tooltip.hasimage {
opacity: 1;
}
.tip-text {
text-align: left;
}
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Mon Oct 14, 2013 8:59 pm
by roicarl
Thank you! Thank you! Thank you! for the css and taking the time to post - resolved my problem completely!!!
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Fri Oct 25, 2013 2:43 pm
by numinousmedia
Thanks, this was really helpful!
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Wed Oct 30, 2013 4:02 pm
by oorzaak
roicarl wrote:Thank you! Thank you! Thank you! for the css and taking the time to post - resolved my problem completely!!!
The same over here!
Thanks a lot,
Frits
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Thu Nov 14, 2013 5:22 pm
by irosas
this also helped me a lot. My registration form no longer gets distorted on mouseovers. However, I am still seeing the tooltip get cutoff by the registration form border. I can't read the beginning of the tooltip text for tooltips that appear on short field labels, because the tooltip starts too far left of the form border. I think I need to increase the left margin somehow, but haven't found the right rule to tweak... any thoughts?
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Mon Nov 24, 2014 4:08 pm
by oxygencreative
ist_04 wrote:The answer is 100% correct and saved me a lot of time! To save others a lil more, here is the CSS from the template.css file:
Thanks to all but especially for taking the time to post the CSS. It took me less time to fix my issue with the tooltips than it did to find my login for the forum here!
Re: Joomla 3.1.5 Registration tooltips now not working corre
Posted: Tue Mar 10, 2015 10:18 am
by yoann
Wonderfull, i'm breaking my head since 4 hours to adapt it on 4 of my websites...
Thanks alot for sharing