jquery - Embedded qtip2 Modal in Fullcalendar + Google Calendar -
i using fullcalendar 2.3.1, qtip2.2.1 , multiple google calendar feeds.
so got qtips work in fullcalendar (yay!), i'd see getting modal qtip appear when event clicked on ( eventclick
).
currently have eventclick
set to:
// opens events in popup window eventclick: function(event) { window.open(event.url, 'gcalevent', 'width=600,height=400,top=200,left=200'); return false; },
i'd modal appear instead, event.url
portion embedded within in. qtip2 has modal functionality, , got included when downloaded qtip2, can't seem figure out how modal part functioning page embedded in it. , other resources online seem bootstrap, not qtip2. or other plugin.
i know part of using qtip's show:
modal:
on: true
, using iframe. it's proper sequence can't seem get.
this coding have general qtips, wasn't sure if there way modify function on eventclick
instead, , again, embedded page event.url
eventrender: function(event, element, view) { if (view.name !== "agendaday"){ element.qtip({ content: { title: 'click event open in <br/>google calendar', text: '<b>title: </b>' + event.title + '<br/><br/><b>location: </b>' + event.location + '<br/><br/><b>details: </b>' + event.description }, style: { widget: true, // use jquery ui widget classes def: false, // remove default styling classes: 'qtip-rounded qtip-shadow' }, position: { my: 'bottom center', at: 'top center' }, show: { event: 'mouseenter' }, hide: { event: 'mouseleave', leave: false } }); } }
many, many, many in advance! i've spent time digging in stackoverflow , it's come having ask. i'm feeling rather foolish , appreciate help.
Comments
Post a Comment