用基礎和軌道顯示部分模態

Question

我想創建我認爲是使用基礎的軌道中的簡單模態登錄窗口。不幸的是，我覺得這並不容易。

基本上我想要做的是在主頁面上提供一個鏈接給用戶，當他們點擊時，會在模態窗口中顯示設計註冊表單。

有人可以幫我嗎？謝謝！

Answer 1

這裏是你會怎麼做基礎的例子

<%= link_to "Sign Up", '#', data: {:'reveal-id' => 'signupModal'} %> 
<div id="signupModal" class="reveal-modal"> 
    <%= render 'devise/registrations/new' %> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 

你必須重命名devise/registrations/new到devise/registrations/_new，使其部分。

您可以找到全套的選項和文檔中的foundation docs on reveal

Answer 2

基金會的js顯示還支持Ajax內容的一部分。

<a href="http://controller-action" data-reveal-id="myModal" data-reveal-ajax="true">new action link</a> 
<a href="http://controller-action2" data-reveal-id="myModal" data-reveal-ajax="true">edit action link</a> 

在控制器動作，使Ajax內容與佈局：假

def controller-action 
    @xy = @x.y.new 
    render :layout => false 
end 

在控制器的動作來看，添加您的形式和關閉按鈕;

<a class="close-reveal-modal">&#215;</a> 
<%= form_for(@xy, url: "/create-action", :method=>'post') do |f| %> 
    <%= f.text_field :name , placeholder: '....' %> 
    <%= f.submit 'Save', class: 'button tiny right', data: { disable_with: "wait..." } %> 
<% end %>