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