My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 73: ToolTip Property
1 person starred this issue and may be notified of changes. Back to list
Status:  WontFix
Owner:  ----
Closed:  Oct 2009


Sign in to add a comment
 
Reported by trave...@gmail.com, Aug 3, 2009
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
Sorry this should have been an Enhancement not a Defect.
Aug 13, 2009
#2 VernonKe...@gmail.com
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
#3 VernonKe...@gmail.com
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).
tooltip-on+mouseover.txt
1.1 KB   View   Download
Aug 30, 2009
Project Member #4 adamrs...@gmail.com
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
Project Member #5 adamrs...@gmail.com
(No comment was entered for this change.)
Status: WontFix
Labels: -Type-Defect Type-Enhancement
Nov 1, 2009
#7 daodangv...@gmail.com
wrong position tooltips when scroll, please help? tks
Nov 6, 2009
#8 giott...@gmail.com
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
screenshot.jpg
26.2 KB   View   Download
Nov 6, 2009
#9 giott...@gmail.com
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
#10 asaf.dav...@gmail.com
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

Powered by Google Project Hosting