for a bootstrap - modal, you will need something like that:
<div id="event-detail" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 id="event-detail-title" class="modal-title">Modal title</h4>
</div>
<div id="event-detail-body" class="modal-body">
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
this should be in the default migxcal_baseTemplate - template, installed with migxCalendars
then, what is the content of your migxcalExtraOptions-chunk currently or a copy of it, which you are calling with
[[!migxcalCalendar?
&ajax_id=`175`
&extraOptionsTpl=`migxcalExtraOptions`
]]
you will need to have something like that in it:
eventRender: function(event, element) {
element.on('click', function(){
$('#event-detail-title').html(event.title);
$('#event-detail-body').html(event.modalBody);
$('#event-detail').modal('show');
});
}
this should open a modal like here:
http://www.revo222.webcmsolutions.de/75/migxcalendars/?date=2014-06-02&view=agendaWeek
☆ A M B ☆
