| Issue 73: | ToolTip Property | |
| 1 person starred this issue and may be notified of changes. | Back to list |
It would be cool if we had a ToolTip property on the CalEvent object, that dropped a title tag on the table cell.
Aug 3, 2009
#1
trave...@gmail.com
Aug 13, 2009
You can implement FullCalendar with a tooltip using the hook into the mouseover event. Attached is a text file of how I accomplished this. You can style the tooltip from within your CSS file.
Aug 13, 2009
There is an error in the file I just uploaded. Here is the fixed version. (The error was only a missing p tag at the the end of the tooltip, but I want to be sure it's right).
Aug 30, 2009
i decided not include any tooltip behavior by default, b/c it might conflict with
whatever tooltip method developers might want. however, as VernonKesner, suggested, it
is best to do it through event hooks.
VernonKesner provides us with a nice #tooltip DIV that gets respositioned and faded in,
but if you want to go for something more minimal, here is a way to do it w/ a 'title'
attribute:
eventRender: function(event, element) {
element.attr('title', event.title);
}
Oct 13, 2009
(No comment was entered for this change.)
Status:
WontFix
Labels: -Type-Defect Type-Enhancement
Nov 1, 2009
wrong position tooltips when scroll, please help? tks
Nov 6, 2009
Hi! I tried this tooltip solution but my problem is the Tip, on the "onMouseOver" is shown under the calendar [see the screenshot]? Anyone who knows about it? thanks a lot
Nov 6, 2009
Find solution with qTip! Much easier and looks great https://code.google.com/p/fullcalendar/issues/detail?id=41 Hope this help
Nov 29, 2012
giott,
you can use this:
eventMouseover: function(calEvent, jsEvent) {
//debugger;
xOffset = 0;
yOffset = 0;
$("body").append(calEvent.tooltip);
$("#tooltip")
.css('z-index', 91000)
.css('position','absolute')
.css("top",(jsEvent.clientY - xOffset) + "px")
.css("left",(jsEvent.clientX + yOffset) + "px")
.fadeIn("fast");
},
|
|
| ► Sign in to add a comment |