Tooltip on bar event (month view)

Scheduler Javascript
#1

Hello,

I’m using the following code to show a tooltip on the event bar in the month view:

scheduler.templates.event_bar_text=function(start,end,event){ return "<span title='"+event.text+"'>"+event.text+"</span>"; }
which is great. However, the tooltip is shown only on the event bar text. The rest of the bar displays no tooltip, so I figured I’d try the following:

scheduler.templates.event_bar_text=function(start,end,event){ return "<span style='display:block' title='"+event.text+"'>"+event.text+"</span>"; }
By switching display to block, the tooltip is shown on the whole bar width.
Which is great… However :wink: it breaks the event form view because the header of the form shows event title directly as on the event bar (i.e with display:block, not inline).

Is there a simple workaround for displaying event bar tooltip not on just the text, but on the whole bar?

#2

You can change your code as

scheduler.templates.event_bar_text=function(start,end,event){ if (scheduler._lightbox_id) return event.text return "<span style='display:block' title='"+event.text+"'>"+event.text+"</span>"; }

So, scheduler will use plain text while showing lightbox form