Monthly Calendar excess max events icons flashing
By Guest on Friday, 23 February 2018
Posted in JEvents (Free Access)
Replies 11
Likes 0
Views 2.4K
Votes 0
Hi there!

I've set max events in monthly calendar to 2. There are 5 events on the particular day. The tool tips are flashing upon hover over the X icons at a rate of about a quarter of a second interval such that they're unreadable. Surely this can't be working correctly. Note: The tool tips on the shown events are working as expected (not flashing).

Note: I've got the same result on a fresh installation of JEvents on a test site on different hosting with a different Joomla template. The only third party additions on the test site are Gantry 5 framework and template, and JEvents. I'm running the latest version of Joomla (J3.8.5). I've also accesses the test site on a different computer.

Thanks,
Laurie.
Hello Laurie,

Does this work as expected in the default Joomla! Template?

Many thanks
Tony
Guest
·
Saturday, 24 February 2018 10:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the reply Tony.

Yes, the tooltips still flash using Protostar template.

Since first posting I've discovered the flashing occurs when the cursor hovers over the downward triangle of the tooltip where it overlaps the event. Therefore the tooltip also flashes on the shown events when the position of the cursor coincides with the triangle, as well as on the hidden events.

Clipboard01.jpg


A video can be seen at: https://www.screencast.com/t/OQNLAIlX4q (if this site allows this).



The test site can be viewed at: http://www.joomatetest.net/hydrogen/index.php/events/monthcalendar/2018/2/-
Guest
·
Sunday, 25 February 2018 05:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Can you try this CSS:



#jevents .popover.top.in {margin-top:-10px !important;}
Guest
·
Tuesday, 27 February 2018 08:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry to say, Tony, that the given code hasn't fixed it.

I've put the css code in the JEvents custom.css.

I've also tried it with -50px and 50px. Nothing has moved the tooltip upwards.

I've also repeated the test in Protostar template, clearing the browser and Joomla cache.

NOTE: I don't see any other questions with the same problem, but having changed everything I can in my environment I still get the problem. Do you think the problem is at my end or yours?

Thanks,
Laurie.
Guest
·
Tuesday, 27 February 2018 09:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Tony!

Further to my previous post: Your solution works as expected in Chrome browser but not in Firefox or Opera.

This suggests to me that you're on the right track but need something extra to be compatible with other browsers.

Thanks,
Laurie.
Guest
·
Tuesday, 27 February 2018 10:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Laurie,

Did your clear your cache? The idea about the above code is it moves the tooltip higher. Unforunately because we are bootstrap based with JEvents / Joomla! we just tell it to place it above... We could look at increasing the A href cell with:

[code style="css"]
.cal_titlelink {
padding: 5px;
display: block;
}
[/code]

Many thanks
Tony
Guest
·
Tuesday, 27 February 2018 21:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Tony!

This hasn't fixed it either.

FF Inspector shows that latest code as overridden. When I add !important to the css code it is not overridden in FF inspector, however, the problem persists. Neither code seems to be doing anything.

Seems to me that the popup needs to move up about 20px or 30px so that there is not the looping between the pop-up arrow and the event background.

Thanks,
Laurie.
Guest
·
Wednesday, 28 February 2018 06:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Tony!

Now that I've visited the JEvents demo site and found that the demonstrated calendars flash in the same way as what I have, I've become convinced that I've discovered a bug in the extension.

I'm keen to use JEvents. I've used it for a couple of sites some years back and it provides all the required features for the current project.

Are you able to do a fix and issue an updated version or at least give a css fix?

Thanks,
Laurie.
Guest
·
Friday, 02 March 2018 05:26
·
0 Likes
·
0 Votes
·
0 Comments
·
This is a tricky one to solve - the popup is using the bootstrap popover script in Joomla and is created by javascript AFTER any CSS has been set to control its size and positioning

You could try the following tweak - edit the file components/com_jevents/views/flat/month/calendar_cell.php and change line 137 from 



JevHtmlBootstrap::popover('.hasjevtip' , array("trigger"=>"hover focus", "placement"=>"top", "container"=>"#jevents_body", "delay"=> array( "show"=> 150, "hide"=> 150 )));

to


JevHtmlBootstrap::popover('.hasjevtip' , array("trigger"=>"hover focus", "placement"=>"top", "container"=>"#jevents_body", "delay"=> array( "show"=> 0, "hide"=> 0 )));
Guest
·
Monday, 05 March 2018 14:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Geraint!

Yes, that stopped the flashing.
Regards,
Laurie.
Guest
·
Tuesday, 06 March 2018 02:58
·
0 Likes
·
0 Votes
·
0 Comments
·
I'll include the change in the next release.
Guest
·
Tuesday, 06 March 2018 15:41
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post