Preciso que ao passar o mouse eu consiga ver o nome do evento, no momento se o nome é muito grande não consigo ver, como no exemplo abaixo:
Estou utilizando o fullcalendar
para gerenciar meu calendario de evento, e meus código está configurado assim:
$('#calendar').fullCalendar({
// put your options and callbacks here
selectable: true,
editable: true,
events: [
@foreach ($celula->reunioes as $reuniao)
{
title: '{{$reuniao->TXT_TEMAX_REUNI}}',
start: '{{$reuniao->getStart}}',
allDay: true,
id: '{{$reuniao->COD_IDENT_REUNI}}',
className: 'bgm-cyan'
},
@endforeach
],
select: function(start, end, allDay) {
startDisplay = $.fullCalendar.formatRange(start, start, 'DD/MM/YYYY');
$("#addEvent").show();
$("#editEvent").hide();
$("#addNew-event").modal("show");
$("#addNew-event input:text").val("");
$("#getStart").val(start);
$(".getStartDate").val(startDisplay);
$("#getEnd").val(start);
$('input[type=text][name=TMP_HORAX_REUNI]').val("{{$celula->TMP_HORAX_CELUL}}");
$('input[type=text][name=TXT_RUAXX_REUNI]').val("{{$celula->TXT_RUAXX_CELUL}}");
$('input[type=text][name=TXT_BAIRR_REUNI]').val("{{$celula->TXT_BAIRR_CELUL}}");
$('input[type=text][name=TXT_CIDAD_REUNI]').val("{{$celula->TXT_CIDAD_CELUL}}");
$('input[type=text][name=TXT_ESTAD_REUNI]').val("{{$celula->TXT_ESTAD_CELUL}}");
$('input[type=text][name=TXT_NUMER_REUNI]').val("{{$celula->TXT_NUMER_CELUL}}");
$('input[type=text][name=TXT_COMPL_REUNI]').val("{{$celula->TXT_COMPL_CELUL}}");
},
eventClick: function(event, element) {
$("#addEvent").hide()
$("#editEvent").show().data("ev", event);
$("#addNew-event").modal("show");
$("#addNew-event input:text").val("");
$("#eventName").val(event.title);
}
});
Então preciso que ao passar o mouse, ele apareça o titulo todo do evento. Como fazer isto ?