RSForm tooltip not working with Game template

Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Mon Jun 26, 2017 12:20 pm
Reply with quote
Report this post
Hi,

I'm using the Game template for a customer. Recently i'm trying to implement a form with the RSForm component. Unfortunately the tool-tip functionality does not work.
I've found that the tool-tip works with other templates (like Protostar), but not with the Game template.
Could this be a Bootstrap conflict?

Form with Protostar template which shows tool-tips: https://www.aegir-eindhoven.nl/test
Form with Game template which does not show tool-tips: https://www.aegir-eindhoven.nl/test1

Anybody any ideas?

Thanks,
René
User avatar
Junior Boarder

teitbite
Fri Jun 30, 2017 3:04 pm
Reply with quote
Report this post
Hi

Yes, that's the conflict with bootstrap, since our template doesn't use it. Just edit /css/joomla.css and remove:

Code: Select all
.tooltip {
   background: #fff;
   border: 1px solid #ccc;
   max-width: 350px;
   min-width: 160px;
   padding: 8px;
   position: absolute!important;
   opacity: 1;
   z-index: 10;
}
.tooltip-inner strong {
   background: #d82731;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   line-height: 20px;
   padding: 5px 15px;
   width: 100%;
   clear: both;
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.tooltip-inner {
   color: #555;
   font-size: 12px;
   padding: 5px 0
}
.tooltip-inner br {
     display: none;
}


so the bootstrap's css will be able to take over.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.