Popup makes events disappear
By Guest on Sunday, 10 May 2015
Posted in Pre-Sales
Replies 2
Likes 0
Views 1.8K
Votes 0
Hi,

I'm trying to see if Jevents answers the need for a particular site I'm building using the free version.

For now, I'm pretty happy with the result, but a link to the K2 CCK will be needed so I'm thinking I'll need a silver subscription at least.

However, I still need one issue resolved. It seems the popup in the monthly view is making the events disappear. I suppose it's a CSS and/or JS issue.

The page can be found here: area51.vaconi.com/scheepvaartmuseumbaasrode.be/evenementen/month.calendar/2015/05/10/-

Anyone has a clue?
I guess the problem is the actual link (with class="cal_titlelink") is being hidden alongside the popup (through the addition of style="display: none;"):



<td class="cal_dayshasevents">

<a class="cal_daylink" title="Ga naar kalender - vandaag" href="/scheepvaartmuseumbaasrode.be/evenementen/day.listevents/2015/05/08/-">8</a>

<div class="event_div_1">

<div class="month_cell_st" style="border-bottom:1px solid #428bca;border-left:3px solid #428bca;color:#000000; width:100%;">

<span class="editlinktip hasjevtip" data-content="<div class="jevtt_text" ><strong>Van:</strong>Zaterdag 21 Maart 2015<br /><strong>Tot:</strong>Zaterdag 31 Oktober 2015<br /><span class="fwb">Meerdaags evenement</span><hr /><small><a href="/scheepvaartmuseumbaasrode.be/evenementen/icalrepeat.detail/2015/03/21/1/-/steeman-gaat-maritiem" title="Klik om evenement te openen" >Klik om evenement te openen</a></small></div>" title="" data-original-title="<div class="jevtt_title" style = "color:#000000;background-color:#428bca">Steeman gaat Maritiem</div>" style="display: none;">

<a class="cal_titlelink" href="/scheepvaartmuseumbaasrode.be/evenementen/icalrepeat.detail/2015/05/08/1/-/steeman-gaat-maritiem"> Steeman gaat Ma ...</a>

</span>

</div>

</div>

</td>
Guest
·
Sunday, 10 May 2015 09:02
·
0 Likes
·
0 Votes
·
0 Comments
·
This is a problem caused by your template using Bootstrap 3.3.2 (which is newer than the official Joomla version 2.3.2) which conflicts with another Joomla javascript library called MooTools.

We have built a number of workarounds into JEvents to enable it to run on Bootstrap 3 sites but it looks as though we may need another one for this template.

Can you try replacing the content of the file components/com_jevents/assets/js/jQnc,js with this 




var jevjq;

function checkJQ() {

    //alert(typeof $);

    if (window.jQuery && jQuery.fn) {

        jevjq = jQuery.noConflict();

    }

}

checkJQ();



// workaround for tooltips and popovers failing when MooTools is enabled with Bootstrap 3

// See http://www.mintjoomla.com/support/community-forum/user-item/1833-braza/48-cobalt-8/2429.html?start=20

jQuery(document).on('ready', function() {

	// Will be true if bootstrap 3 is loaded, false if bootstrap 2 or no bootstrap

	var bootstrap3_enabled = (typeof jQuery().emulateTransitionEnd == 'function');



	if(window.MooTools && bootstrap3_enabled) {

		var mHide = Element.prototype.hide;

		var mSlide = Element.prototype.slide;



		Element.implement({



			hide: function () {

				if (jQuery(this).is("[rel=tooltip]")) {

					return this;

				}

				mHide.apply(this, arguments);

			},





			slide: function (v) {

				if (jQuery(this).hasClass("carousel")) {

					return this;

				}

				mSlide.apply(this, v);

			}

		});

	}

});


Does it help?
Guest
·
Sunday, 10 May 2015 10:03
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post