logo
down
shadow

Issues with Bootstrap 3 modals and Rails 4 - Form Not Rendering


Issues with Bootstrap 3 modals and Rails 4 - Form Not Rendering

By : user2950920
Date : November 17 2020, 11:58 AM
Hope this helps This what I use on my modal and works fine. the button part you can use the link_to if you want. I hope this give you a idea on how to show the form in the modal. Then you can add some js for clearing, validation and closing after submit.
-- link_to or button --
code :
  <button class="btn btn-success" data-toggle="modal" data-target="#newInspectionModal">
    <i class="icon-plus icon-white"></i>
  </button>
  <div class="modal fade" id="newInspectionModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">Nueva Inspección</h4>
        </div>
        <div class="modal-body">
            <%= render :partial => "modal_form" %>
        </div>
      </div>
    </div>
  </div>
 <%= bootstrap_form_for @inspection,remote:true, :url => project_inspections_path(@project) do |f| %>
   <%= f.text_field :name, label:"Name" %>
   <%= f.submit "Crear", :class => 'btn btn-success'%>
  <% end %> 
def new
    @weight = Weight.new
  end

  def new
    @weight = Weight.new
  end

  def edit
    @weight = Weight.new
  end


Share : facebook icon twitter icon
Bootstrap 3 modals not working on Rails 4

Bootstrap 3 modals not working on Rails 4


By : mponny
Date : March 29 2020, 07:55 AM
I wish this helpful for you I was finally able to figure out what the issue was from Bootstrap 3 with remote Modal
Turns out I was missing the surrounding
code :
<div class="modal-dialog">
  <div class="modal-content">

   ... contents ...

  </div>
</div>
Rails link_to in bootstrap modals

Rails link_to in bootstrap modals


By : kaskadu
Date : November 22 2020, 10:54 AM
Scrolling issues with multiple bootstrap modals

Scrolling issues with multiple bootstrap modals


By : Greg Kostello
Date : March 29 2020, 07:55 AM
Any of those help I have a page with a modal with a lot of info so you need to scroll. This modal contains a link to a second modal. , Add
code :
.modal { overflow: auto !important; }
Rendering an edit partial form with bootstrap modals

Rendering an edit partial form with bootstrap modals


By : Andrée Asmat
Date : March 29 2020, 07:55 AM
I wish this helpful for you The issue could be that you are using same data-target for rename buttom click to open model and every Modal have same id
Try using an iterator to each id
code :
data-target="#renameModal#{index}"
id: "#renameModal#{index}"
Rendering artifacts on Bootstrap modals in IE11 and Edge

Rendering artifacts on Bootstrap modals in IE11 and Edge


By : Maurizio Polidori
Date : March 29 2020, 07:55 AM
I hope this helps you . I am repeatedly experiencing Rendering artifacts on several versions of IE11 and Edge, as well as several different devices with different graphics cards and drivers, and different update states of Windows 10. , You can trigger a different rendering by using CSS:
code :
transform: scale(1);
transform: scale(0.99999);
transform: scale(1.00001);
transform: translate3d(0,0,0);
shadow
Privacy Policy - Terms - Contact Us © ourworld-yourmove.org