Public Forums 71,145 posts

[optimumtasarim Friend optimumtasarimJoin date: April 2012Posts: 14Downloads:3Uploads:0 Thanks: 7]

#184325

Hello,
I would like to use Boostrap components like Tooltip, Popover etc…

JAT3 Quickstart package for Joomla 3.0 installed and tried to add one of my article:
<a href=”#” rel=”tooltip” title=”first tooltip”>hover over me</a>
But there was no tooltip. Is boostrap active on JAT3? Or do we need to do something to activate it? Or how we can use Boostrap components on a website powered by JAT3 Framework.

Thanks…

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#481140

Hello,

Your code should work.

but you have to add this code to catch the event:

jQuery(window).load(function() {
jQuery('a[rel="tooltip"]').tooltip();
})

[optimumtasarim Friend optimumtasarimJoin date: April 2012Posts: 14Downloads:3Uploads:0 Thanks: 7]

#481238

<em>@Luna Garden 356959 wrote:</em><blockquote>Hello,

Your code should work.

but you have to add this code to catch the event:

jQuery(window).load(function() {
jQuery('a[rel="tooltip"]').tooltip();
})
</blockquote>
Thank you for reply… But where to add that code? Which file should be edited?
Thanks…

[optimumtasarim Friend optimumtasarimJoin date: April 2012Posts: 14Downloads:3Uploads:0 Thanks: 7]

#481717

<em>@optimumtasarim 357138 wrote:</em><blockquote>Thank you for reply… But where to add that code? Which file should be edited?
Thanks…</blockquote>
Still looking for that solution…

[tripslip38 Friend tripslip38Join date: March 2010Posts: 22Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#481761

I have a similar question. How to include additional bootstrap components? These are the JS files that must be included for use of components like the split dropdown buttons.

I also tried to modify my /templates/ja_t3v3_blank/js/script.js file to add custom code but it’s not overriding the version in the system plugin.

In JAT3v2, you could include JS and CSS files in the /etc/layout/default.xml file, but V3 is different apparently.

Thanks.

EDIT: I see that the solution is to edit the head.php block for additional includes.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#481777

<em>@optimumtasarim 357138 wrote:</em><blockquote> But where to add that code? Which file should be edited?
</blockquote>

Please add to this file,
templatesyour_template_foldertplsblockshead.php
with this code in the end of this file:


<script>
jQuery(window).load(function() {
jQuery('a[rel="tooltip"]').tooltip();
})
</script>


<blockquote>I see that the solution is to edit the head.php block for additional includes. </blockquote>

Yes, you can add to this file to load more additional JS file.

1 user says Thank You to Luna Garden for this useful post

1. optimumtasarim

[optimumtasarim Friend optimumtasarimJoin date: April 2012Posts: 14Downloads:3Uploads:0 Thanks: 7]

#481872

Thank you Luna Garden, that solved my problem.

[optimumtasarim Friend optimumtasarimJoin date: April 2012Posts: 14Downloads:3Uploads:0 Thanks: 7]

#486911

I upgraded T3 framework to v.1.1.0 and Tooltips again don’t work. What’s changed? And how to make it work again?
Thanks…

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#486996

Hi,

I have checked the old code with T3 framework 1.1.0 and 1.2.0 but it still show the tooltip. After upgrading, maybe file head.php is overwritten.

Can you provide me your site info so I can investigate the problem ?

1 user says Thank You to Luna Garden for this useful post

1. optimumtasarim

[optimumtasarim Friend optimumtasarimJoin date: April 2012Posts: 14Downloads:3Uploads:0 Thanks: 7]

#487095

<em>@Luna Garden 365145 wrote:</em><blockquote>Hi,

I have checked the old code with T3 framework 1.1.0 and 1.2.0 but it still show the tooltip. After upgrading, maybe file head.php is overwritten.

Can you provide me your site info so I can investigate the problem ?</blockquote>
Thank you Luna for the reply.
I did something and tooltip started to work when I hover… But now there is another problem, let me explain like that:

<a href=”#” rel=”tooltip” title=”Title 1″>Example Description</a>
Now when I hover “Example Description” I can see tooltip “Title 1”. But when I pull back mouse cursor from on it, “Example Description” disappears with tooltip. Actually only tooltip should be dissappeared but even “Example Desctiption” dissappears.

That’s really weird.
Thanks.

[optimumtasarim Friend optimumtasarimJoin date: April 2012Posts: 14Downloads:3Uploads:0 Thanks: 7]

#487098

Something adds
style=”display:none;”
to the html automatically when I pull back mouse, so the text dissappears. I am really confused what adds that display none :((

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#487114

Hi,

I have inserted code:
<a href="#" title="Title 1" rel="tooltip">Example Description</a>
to one Joomla Article

then added code to file head.php:

<script>
jQuery(window).load(function() {
jQuery('a[rel="tooltip"]').tooltip();
})
</script>

I have tried on both Joomla 2.5 and 3.0 with T3 Blank template but didn’t face to the problem as you describe. If the style
style="display:none;"
is automatically added to the a tag, please check JS script on your site, if any of they affect to your tooltip.

1 user says Thank You to Luna Garden for this useful post

1. optimumtasarim

[optimumtasarim Friend optimumtasarimJoin date: April 2012Posts: 14Downloads:3Uploads:0 Thanks: 7]

#487174

Thank you Luna for your interest…
Finally I found out that there was a conflict with a login module (which also uses bootsrap). I unpublish it and tooltip worked. I will find an alternative for login.

Thanks…

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#487269

Hi,

Good to hear.

For Login Module you can try out our JA Login Module:

Userguide: http://www.joomlart.com/forums/topic/ja-login-module-user-guide-for-joomla-1-6/

Download link: http://www.joomlart.com/forums/downloads.php?do=file&id=3279

[cronea2 Friend cronea2Join date: April 2013Posts: 3Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#492627

I have the same problem with the link dissappearing. I tried the steps above but it still goes away even after I disabled every pop-up except T3 framework.

[Author]

Posts