AJAX Reveal modals break layout on second open

[alecmatias]

I upgraded from 4.0.7 to 4.3.1 because Reveal's AJAX modal wouldn't open. Now it does open, but if you close it and then open it a second time, it won't open within the current view nor darken the page.

Static modals work fine, however.

Bonus issue: AJAX modals don't have the close icon.

[architagr-cs]

I am also facing the same problem.

Regarding your bonus issue - I moved <a class="close-reveal-modal">&#215;</a> to the file which will be called through ajax request. Like if you are calling /index.html through ajax then add <a class="close-reveal-modal">&#215</a> to index.html.

[architagr-cs]

Found the solution - just add layout false to any controller whose actions you are calling through ajax.

Or

If you want only for an action then add render :layout => false to that action.

[martin-eberle]

archit2u, can you tell a little bit more about your solution? Maybe with am example?
I don’t get it …

[architagr-cs]

Hi Martin,

For e.g. there is a TestsController in your application and you want actions of that controller to render the views in foundation modals. To do that you can do the following in your TestsController:

class TestsController < ApplicationController
#add the following line.
layout false
....
....
end

If you only want to render the view of a particular action you can do the following:

def edit
   respond_to do |format|
         format.html {render :layout => false} #add this line.
   end
end

Hope this helps.

[martin-eberle]

Hi Archit,

well, i’m using foundation reveal completely different. I only have something like this:

<a href="/link/to/site" data-reveal-id="layout-reveal" data-reveal-ajax="true">Link Text in here</a>

So, there is no controller where i might set the layout property. But maybe, there is also a solution for my case?

Thank you anyway,

Martin

[martin-eberle]

Ok, i found the solution for our case:

in the via ajax requested site was the complete header again and so foundation was initialized twice …