Rails flash messages using Twitter Bootstrap

icem commented 2013-06-14

Why not just using Hash for #bootstrap_class_for ?

{success: 'alert-success',...}[flash_type] || flash_type.to_s

the-teacher commented 2013-09-15

@icem +1

slacker87 commented 2013-10-02

this worked well, thanks!

piratebroadcast commented 2013-10-09

Which version of Bootstrap is this for? I installed it on BS3 and it won't clear when the "X" is clicked.

fertobar commented 2013-10-15

Hi, I think there is an issue with Rails 4. May be caused for Turbolinks use?

SteveVallay commented 2013-10-28

Nice , it worked for me Rails 4. Thanks

saikiranmothe commented 2013-10-31

Great ! It worked with rails4.

saikiranmothe commented 2013-10-31

Great ! It worked with rails4.

suryart commented 2013-11-11

Nice one, I've created another version of this here: https://gist.github.com/suryart/7418454

omarzina commented 2013-12-11

Great, fixed some problems with flash messages in ruby.railstutorial.org (with Rails 4 and las bootstrap). Thank you.

JoshTGreenwood commented 2013-12-24

If you are using Bootstrap 3, the class names have been changed. Here is the new mapping:

module ApplicationHelper

  def bootstrap_class_for flash_type
    case flash_type
      when :success
        "alert-success" # Green
      when :error
        "alert-danger" # Red
      when :alert
        "alert-warning" # Yellow
      when :notice
        "alert-info" # Blue
      else
        flash_type.to_s
    end
  end

end

jupiteror commented 2014-02-13

In file _messages.html.erb you can simply put

<% flash.each do |type, message| %>
  <div class="alert <%= bootstrap_class_for(type) %> alert-dismissable fade in">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    <%= message %>
  </div>
<% end %>

annieogrady commented 2014-03-25

does this work with GEM --- https://github.com/seyhunak/twitter-bootstrap-rails . I can't get success error message to show. any ideas?

annieogrady commented 2014-03-25

RE: success message not working.... what is strange is the other 3 do work.

annieogrady commented 2014-03-27

FYI - to get this to work, i also needed to add: add_flash_types :success, :info, :warning, :danger
to the applications controller.

clarkbw commented 2014-04-22

As of 4.1 this code needs to be updated due to the :symbol to String change in flash messages.

  def bootstrap_class_for(flash_type)
    case flash_type
      when "success"
        "alert-success"   # Green
      when "error"
        "alert-danger"    # Red
      when "alert"
        "alert-warning"   # Yellow
      when "notice"
        "alert-info"      # Blue
      else
        flash_type.to_s
    end
  end

public roberto / _flash_messages.html.erb Last active 2014-04-22

public

roberto / _flash_messages.html.erb

Last active 2014-04-22