Joomla Templates Club 406,261 posts

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#200927

Hi support
i am trying to implement tooltip on JA Sugite template . but its not working .
Here is site url of BS3
http://getbootstrap.com/javascript/#tooltips

JA sugite is also on BS3 .
how can i use this tooltip ?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#547837

I’m not sure what did you do on JA Sugite Template? I just tested the code you mentioned above and it’s working fine, see the screenshot

---

Attachments:

1. 

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#548092

Hello Ninja Lead
tool top not working you can see it in your screenshot , the text is coming like alt txt . not as given in tool tip .
>>> http://prntscr.com/4j749a

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#548121

You can check from t3 framework and see tooltip.js included in plugins/t3/admin/bootstrap/js/bootstrap.js and plugins/t3/base/bootstrap/js/bootstrap.min.js files, about the view tooltip in JA Templates difference with default Bootstrap because some css styles define in JA Templates override with default

You can see it in my screenshot

If you wish to run the tooltip like as Bootstrap default, you have to more customize to change it from our JA Templates :((

---

Attachments:

1. 

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#549704

Hi,
There is come major build issue with sugite.
As per your JA Site, Sugite Documentation and T3 Site, the template JS_Sugite is built over T3 framework which has Bootstart 3 Built into core to facilitate all the HTML5, CSS & JS features for the template (JS_Sugite) and anything built over T3 Framework.
But as of now, there is some major bug in the template JS_Sugite that prevents user to extent the template’s Stock functionality by inheriting the Bootstrap features.
Eg: Bootstrap Tooltip & Popover are non-functional on JA_Sugite.

My point, the template should not suppress the framework’s core functionality.
Help

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#549859

:(( The problem doesn’t come from our template. If you want to work with Boostrap Tooltip in our template you can work with my solution below

+ Open templates/ja_templates/tpls/blocks/head.php file

Find and change

<?php
// CUSTOM CSS
if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css');
}
?>

To

<?php
// CUSTOM CSS
if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css');
}
JHtml::_('bootstrap.tooltip');
?>

+ Create custom html module and add new script below


<p>
<button class="btn hasTooltip" title="Tooltip on left" type="button" data-toggle="tooltip" data-placement="left">Tooltip on left</button>
<button class="btn hasTooltip" title="Tooltip on top" type="button" data-toggle="tooltip" data-placement="top">Tooltip on top</button>
<button class="btn hasTooltip" title="Tooltip on bottom" type="button" data-toggle="tooltip" data-placement="bottom">Tooltip on bottom</button>
<button class="btn hasTooltip" title="Tooltip on right" type="button" data-toggle="tooltip" data-placement="right">Tooltip on right</button>
</p>


+ You can see it works with JA Sugite template:

---

Attachments:

1. 

[Author]

Posts