Triggering a modal without using AJAX

[Jake B.]

I have a modal that I want to display on a page, and I want it to be styled like any other modal in XenForo (member card, etc). However, I do not want the content to be loaded from another URL (so no creating a controller that outputs modal content and triggering a click on an OverlayTrigger to open this)

I need to be able to display it using JavaScript after a specific action has been completed, what is the best way to do this?

 

[Lukas W.]

I believe I opened a modal without using Ajax in my Post Templates addon. You may want to look through the code. I can't atm unfortunately.

 

[Daniel Hood]

XenForo.createOverlay(null, $(''
    + '<div class="xenOverlay">'
    +   '<div class="section">'
    +      '<a class="close OverlayCloser"></a>'
    +      '<h2 class="heading">Ay Jake!</h2>'
    +      '<div class="baseHtml">Sup?</div>'
    +   '</div>'
    + '</div>'
)).load();

 

[Jake B.]

I believe I opened a modal without using Ajax in my Post Templates addon. You may want to look through the code. I can't atm unfortunately.

XenForo.createOverlay(null, $(''
    + '<div class="xenOverlay">'
    +   '<div class="section">'
    +      '<a class="close OverlayCloser"></a>'
    +      '<h2 class="heading">Ay Jake!</h2>'
    +      '<div class="baseHtml">Sup?</div>'
    +   '</div>'
    + '</div>'
)).load();

I'll have to give both of these a try once I get back to that project. Thanks!

 

[Jake B.]

Worked flawlessly http://screenshots.themehouse.io/jakeb/Screen Shot 2016-01-18 at 1.02.27 PM.png Just had to change a couple of the classes