search

maddbuzz / hexlet-assignments

Hexlet assignments
2 stars 0 forks source link

Using simple_form_for with Bootstrap #2

Open maddbuzz opened 1 year ago

maddbuzz commented 1 year ago

https://github.com/heartcombo/simple_form#bootstrap-5

rails new . --css=bootstrap
rails generate simple_form:install --bootstrap
= simple_form_for(task) do |f|
  = f.error_notification
  = f.error_notification message: f.object.errors[:base].to_sentence if f.object.errors[:base].present?

  .form-inputs
    = f.input :name
    = f.input :description
    = f.association :user
    = f.association :status

  .form-actions
    = f.button :submit, class: 'btn btn-success mt-4 btn-block'

https://github.com/maddbuzz/hexlet-assignments/blob/8091323d7d46e572ffd6cb715339fbadf54e41ba/rails-basics-ru/relations/app/views/tasks/_form.html.slim

maddbuzz commented 1 year ago 
<%= simple_form_for @name, :html => { :class => 'form-horizontal' } do |f| %>

  <%- if f.error_notification %>
    <div class="alert alert-error fade in">
      <a class="close" data-dismiss="alert" href="#">&times;</a>
      <%= f.error_notification %>
    </div>
  <%- end %>

  <div class="form-inputs">
    <%= f.input :fname %>
    <%= f.input :lname  %>
    <%= f.input :body %>        
  </div>

<% end %>

https://stackoverflow.com/questions/15172836/how-to-apply-bootstrap-css-to-simple-form-for-form-in-rails/15173227#15173227