How to add bootstrap modal with link_to so the link content open in modal ?

by

Below is the code if you want to preload the modal on the page in hidden state

<%= link_to "Open modal", "#my-modal", :class => "btn", "data-toggle" => "modal" %>
<div class="modal hide fade" id="my-modal" title="My modal">
  <div class="modal-header">
    <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    Modal Body
  </div>
  <div class="modal-footer">
    <button aria-hidden="true" class="btn" data-dismiss="modal">Close</button>
  </div>
</div>

And if you want to load the modal through ajax then you can do something like this

<%= link_to "Open modal", new_post_path, :class => "btn", :remote => true, "data-toggle" => "modal", "data-target" => "my-modal" %>
<div class="modal hide fade" id="my-modal" title="My modal">
  <div class="modal-header">
    <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
    <h3 id="myModalLabel">New Post</h3>
  </div>
  <div class="modal-body a-unique-class">
    New Post Body
  </div>
  <div class="modal-footer">
    <button aria-hidden="true" class="btn" data-dismiss="modal">Close</button>
  </div>
</div>

In posts/new.js.erb you would include

$(".a-unique-class").html('<%= j render "posts/_form" %>')

Make sure that you have a unique id or class for every modal body.

Assuming you want to create a new post using modal form, the controller code and _form.html.erb is in place

More Related Contents:

  1. How to integrate a Wrap Bootstrap theme into an Rails application?
  2. Format a string containing Phone numbers
  3. Best way to load module/class from lib folder in Rails 3?
  4. No route matches [GET] /assets
  5. rails 3 – link_to to destroy not working
  6. file download link in rails
  7. Rails — use type column without STI?
  8. Rails 3, has_one / has_many with lambda condition
  9. Rails update_attributes without save?
  10. Rails – How to use a Helper Inside a Controller
  11. Pass a variable into a partial, rails 3?
  12. Installing Postgres on windows for use with Ruby-on-Rails
  13. Using send_file to download a file from Amazon S3?
  14. Remove ActiveRecord in Rails 3
  15. Rails auto-assigning id that already exists
  16. Rails – Validate Presence Of Association?
  17. Devise + Omniauth – How to pass extra parameters along?
  18. Rails 3.1 and Image Assets
  19. What does do in rails erb?
  20. Counter Cache for a column with conditions?
  21. Rails has_many through form with checkboxes and extra field in the join model
  22. Changing the base URL for Rails 3 development
  23. Is it possible to refresh partial frequently using Ajax?
  24. PGError: ERROR: aggregates not allowed in WHERE clause on a AR query of an object and its has_many objects
  25. Controlling the order of rails validations
  26. Ruby on Rails 3 howto make ‘OR’ condition
  27. Adding foreign key to a rails model
  28. Rails catch-all/globbing routes
  29. jQuery post to Rails
  30. Always getting 401 Unauthorized with new install of Rails + Devise

Leave a Comment