自定义Rails闪存通知,无需bootstrap

时间:2015-12-23 12:24:46

标签: css ruby-on-rails html5 css3 flash-message

我试图找到一种方法来自定义一些不使用bootstrap的rails [:notice]&#s; s。我知道如何使用bootstrap,但我一般不喜欢使用它,而是宁愿自己设置我的应用程序样式......我觉得Bootstrap的所有默认填充,媒体查询等都得到了在路上。

我已经读到你可以在你的控制器中添加_flash_types,但是我对如何设计他们的颜色并实现它们有点困惑。

提前致谢, 贾斯汀

2 个答案:

答案 0 :(得分:0)

flash是一个哈希数组。您可以向flash添加多个哈希值。像flash[:info], flash[:notice], flash[:alert] flash[:error]一样。在视图中,您可以使用某些样式打印所有Flash消息。把css和消息放在一起。像

<% flash.each do |name, msg|
  <%= content_tag :div, msg, :id => "flash_#{name}", class: 'my-class' %>
<% end %>

答案 1 :(得分:0)

在您的html.erb文件中,您可以使用自定义css类显示消息 - Calendar calendar = Calendar.getInstance(); calendar.setTimeInMillis(System.currentTimeMillis()); calendar.set(Calendar.HOUR_OF_DAY, 00); calendar.set(Calendar.MINUTE, 00); if(Calendar.getInstance().after(calendar)){ // Move to tomorrow calendar.add(Calendar.DATE, 1); } //... continue like before by setting the alarm

error-msg

在application.css文件(或其他css文件)中,您可以使用自定义css设置错误样式。

<% flash.each do |name, msg| -%>
  <%= content_tag :div, msg, class: 'error-msg' %>
<% end -%>