RSForm tooltip not working with Game template
Rate this topic:
- 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é
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é
-
- 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:
so the bootstrap's css will be able to take over.
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.
-
- Moderator
2 posts
• Page 1 of 1