Open Popup/Modal by passing a HTML string? about framework7 HOT 5 CLOSED

Right, good catch. Will add this feature.
At the moment you can add it dynamically to body and call app.popup() method. Or you can put it inside of page and within callback move it from page to body, that should make a trick:

$$(document).on('pageInit', function (e) {
   var page = e.detail.page;
   var pagePopup = $$(page.container).find('.popup);
   if(pagePopup.length>0) {
       $$('body').append(pagePopup);
       // if you need to open it right now:
       myApp.popup(pagePopup);
   }
});

from framework7.

Thanks for adding it in the future! For now I'm using a workaround close to your suggestion.

I'm adding "empty" popup markup into the main page's markup, and use the onPageAfterAnimation event to add the contents to the empty popup DOM nodes after the page animation has finished.

Works for me, but it's kinda inconvenient.

Nonetheless, thanks for the great framework! 😍

from framework7.

Ok, it is already in dev version, but you have to pass full popup html, you can use it like

myApp.popup('<div class="popup">Hello, <a href="#" class="close-popup">close me</a></div>', true);

the last boolean parameter is removeOnClose, if true (by default it is true) popup will be removed from DOM after you close it

from framework7.

Coolio, thanks!

from framework7.

Ok, closing the issue. Reopen if you'll have problems with it

from framework7.