Is it possible to get in main calendar tooltip doesn't disappear when mouse out?
By Guest on Thursday, 28 December 2017
Posted in JEvents (Free Access)
Replies 15
Likes 0
Views 1.9K
Votes 0
I'd like very much users could click tickets buttons inside of tooltip:D
Can you try this code amendment? Edit the file components/com_jevents/libraries/bootstrap.php and at line c.
417 you'll see 


		// Attach the popover to the document

		JFactory::getDocument()->addScriptDeclaration(

			"jQuery(document).ready(function()

			{

				if (".$options.".mouseonly && 'ontouchstart' in document.documentElement) {

					return;

				}

				if (jQuery('$selector').length){

					jQuery('" . $selector . "').popover(" . $options . ");						

				}

			});");

replace it with


		// Attach the popover to the document

		JFactory::getDocument()->addScriptDeclaration(

			"jQuery(document).ready(function()

			{

				if (".$options.".mouseonly && 'ontouchstart' in document.documentElement) {

					return;

				}

				if (jQuery('$selector').length){

					jQuery('" . $selector . "').popover(" . $options . ");						

				}

			});

(function($) {



    var oldHide = $.fn.popover.Constructor.prototype.hide;



    $.fn.popover.Constructor.prototype.hide = function() {

        if (this.options.trigger.indexOf('hover') >=0  && this.tip().is(':hover')) {

            var that = this;

            // try again after what would have been the delay

            setTimeout(function() {

                return that.hide.call(that, arguments);

            }, that.options.delay.hide);

            return;

        }

        oldHide.call(this, arguments);

    };



})(jQuery);"

			

		);


This will allow you to move your mouse over the tooltip and click on the links in it.

Adding this to your jevents custom css file will also help with the margin


.jevtt_text {

    padding: 20px !important;

}
Guest
·
Monday, 26 March 2018 11:28
·
0 Likes
·
0 Votes
·
0 Comments
·
If you create a template override you can change this, behaviour.

Copy the file components/com_jevents/views/flat/month/tmpl/calendar_cell.php to templates/YOURTEMPLATE/html/com_jevents/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 )));






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

Notice the change in the 'delay -> hide' value - the popup will now stay visible for 3 seconds instead of 0.15 seconds after you move the mouse.
Guest
·
Friday, 29 December 2017 14:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes, I've changed delay value but I think the real question is the sensible area of the cell because when I go out of the active text area the tooltip dissapears.
http://alhma.com/maquina-virtual/index.php?option=com_jevents&view=month&layout=calendar&Itemid=2370&lang=es
Guest
·
Friday, 29 December 2017 15:42
·
0 Likes
·
0 Votes
·
0 Comments
·
what did you change the delay to? It still shows at 150 (i.e. 0.15 seconds) in the web page source?

See http://getbootstrap.com/2.3.2/javascript.html#popovers for the options

p.s. your calendar looks strange because you changed the H2 tag in the header to a H1 tag and the sizing doesn't work
Guest
·
Thursday, 04 January 2018 09:43
·
0 Likes
·
0 Votes
·
0 Comments
·
I need a tag H1 for Google robots, this is the reason I've changed the h2 tag
the other band, I've changed the delay today again as 3000
and my thirst tip is I don't understand what rule have I exactly to write to get a left tooltip and stable to click options inside, neither in what file to write it. Could you clearly explain me?, I don't understand javascript but may be with your explaining would be possible to get it.
Guest
·
Monday, 15 January 2018 00:37
·
0 Likes
·
0 Votes
·
0 Comments
·
This CSS will help the presentation (without the need to change the h1 tag).


.jevbootstrap .jev_header h1 {



    font-size: 18px;

    line-height: 23px;

    margin: 0px;

    padding: 0px;

    display: inline-block;



}


If you can give me the login details (on the private site details tab below) I can experiment with the settings of the tooltip to get it to work as you want.
Guest
·
Thursday, 18 January 2018 11:10
·
0 Likes
·
0 Votes
·
0 Comments
·
I send you access keys to the admin panel
You'll find the calendar modules in the sidebar of below url
http://alhma.com/maquina-virtual/index.php?option=com_content&view=article&id=581&Itemid=1469&lang=es
Guest
·
Saturday, 20 January 2018 13:23
·
0 Likes
·
0 Votes
·
0 Comments
·
I've tried using ProFiles but am unable to change the template override file. No error messages just that the file doesn't save.

Also I keep getting asked to prove I'm not a Robot (could be part of the same problem) - also if I use the Joomla template editing tools I get a 404 error when I do that.

Can you check the permissions please.
Guest
·
Monday, 22 January 2018 15:30
·
0 Likes
·
0 Votes
·
0 Comments
·
@rosario ... if using Profiles with mod_security (modsec) be sure to check your modsec logs...we had to disable several rules for sites using profiles, otherwise the description of what Geraint says will happen (no message, just back to the profiles interface).
Guest
·
Monday, 22 January 2018 20:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry, this week I've had to delete the before page with your intervention, but next week I could recover it with a backup from day 22 january. although perhaps you could send me your explainings about you've changed, may be I can reproduce your rules again in my nowadays page.
This site is for previews web and this week I've to reproduce the web from other preview site for my boss. May be would be better you explain how to do it or to wait for my last version before publication it.
Best regards
Guest
·
Tuesday, 23 January 2018 03:02
·
0 Likes
·
0 Votes
·
0 Comments
·
@rosario

When you have the site accessible in the backend for me to take a look (or get FTP credentials setup) - let me know and I'll take a look for you

Geraint
Guest
·
Thursday, 25 January 2018 13:39
·
0 Likes
·
0 Votes
·
0 Comments
·
The final web is running now in cndanza.mcu.es but it's impossible to access there because of high safe measures, this server belongs to the Spanish Culture Ministry and they usually doesn't let any intervention out of their webmasters.

Could you explain to me several question about how to improve the calendar?, the real thing is the tooltip in month calendar doesn't show any margin and it continues disappearing when mouse try to enter inside.

The other band, I need to apply changes in the dates structure on the custom. css file, because title in tooltip is smaller than theater name and I don't find what's the name of the the class I need to modify.
¿Could you send me right instructions?

Best regards
Guest
·
Wednesday, 21 March 2018 22:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Very Thanks. All is perfect now but, is it possible to change the tooltip width to 500px?
Guest
·
Monday, 09 April 2018 13:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Adding this to your custom css file in JEvents may help


.jevbootstrap .popover {

max-width:500px;

}
Guest
·
Wednesday, 11 April 2018 11:49
·
0 Likes
·
1 Votes
·
0 Comments
·
Perfect
Guest
·
Thursday, 12 April 2018 10:43
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post