Use background color to show error fields instead of wrapping them in a div

canadaduane (Duane Johnson) — Thu, 13 Apr 2006 22:21:47 GMT

Using the default rails field_error_proc may lead to some layout headaches--your form looks perfect until, uh-oh, someone entered an invalid email address and Rails adds a fieldWithError-styled div that wraps around the problem field.

While this works in many cases, some pixel-perfect layouts may not be able to tolerate the 2-pixel padding around the text_field caused by the red border. An alternative is to change the background color of the offending field.

Include the following code in environment.rb (or use a "require" like I do):



ActionView::Base.field_error_proc = Proc.new do |html_tag, instance|

  error_style = "background-color: #ffff80"

  if html_tag =~ /<(input|textarea|select)[^>]+style=/

    style_attribute = html_tag =~ /style=['"]/

    html_tag.insert(style_attribute + 7, "#{error_style}; ")

  elsif html_tag =~ /<(input|textarea|select)/

    first_whitespace = html_tag =~ /\s/

    html_tag[first_whitespace] = " style='#{error_style}' "

  end

  html_tag

end

See my blog.inquirylabs.com for more Rails stuff.

Autoinclude CSS Files by Controller/Action Name

canadaduane (Duane Johnson) — Tue, 26 Jul 2005 06:16:30 GMT



def stylesheet_auto_link_tags

  stylesheets_path = "#{RAILS_ROOT}/public/stylesheets/"

 

  candidates = [ "#{controller.controller_name}", 

                 "#{controller.controller_name}_#{controller.action_name}" ]

 

  candidates.inject("") do |buf, css| 

    buf << stylesheet_link_tag(css) if FileTest.exist?("#{stylesheets_path}/#{css}.css")

    buf

  end

end

Compliments of Dema

Note: Anyone interested in this might also be interested in the bundled_resource plugin (google for it).

DZone Snippets: stylesheets code

Use background color to show error fields instead of wrapping them in a div

Autoinclude CSS Files by Controller/Action Name