Agile Web Development with Rails 7: fields with errors are not highlighted (page 86)

@rubys

The following screenshot shows what happens if we try to submit a new product with none of the fields filled in. Try it by visiting http://localhost:3000/products/new and submitting the form without entering any data. It’s pretty impressive: the fields with errors are highlighted, and the errors are summarized in a nice list at the top of the form.

The fields with errors are not highlighted in the screenshot and neither in the app itself at this point. Also shadows in all screenshots are rendered as a weird mobile-webkit-like outline that ignores the rounded corner’s border radius.

First Post!

rubys

Author of Agile Web Development With Rails

sigh. That used to work. The book has been updated to say:

By adding a bit of css, we can also highlight the fields with errors in red. Place
the following code in app/assets/stylesheets/field_with_errors.css:

.field_with_errors :is(input, textarea, select) {
  border: solid red 2px !important;
}

If we try again, the result is more impressive.

Post #2

Where Next?

Data Structures and Algorithms with Elixir

This is going to be a long an frequently posted thread. While talking to a friend of mine who has taken data structure and algorithm cou...

/elixir #algorithms #data-structures

108 11869 31

2024-11-14 02:14:00 UTC

New

Agile Web Development with Rails 7: fields with errors are not highlighted (page 86)

felipem

Agile Web Development with Rails 7: fields with errors are not highlighted (page 86)

First Post!

rubys

Where Next?

Popular Pragmatic Bookshelf topics

Modern CSS with Tailwind: can’t setup the Rails source code

Modern Front-End Development for Rails: B7 no main folder in the source code (page xv)

Domain Modeling Made Functional: Missing diagram on page 18

Python Testing with pytest, Second Edition: cards pip install error (page 12)

Modern Front-End Development for Rails: ERROR in tsconfig.json Chapter_01/01

Build a Weather Station with Elixir and Nerves: SGP30 vs SGP40

Python Testing with pytest, Second Edition: unrecognized arguments error (page 122)

Kotlin and Android Development featuring Jetpack: allprojects should be moved to settings.gradle (page 245)

Hands-on Rust: Chapter 3: Can't get first hello to run

Kotlin and Android Development featuring Jetpack: End Ch. 11 app runs but consistently crashes

Other popular topics

Seven More Languages in Seven Weeks

Which language or framework do you want to learn next?

Data Structures and Algorithms with Elixir