Button Loading Animations with jQuery UJS

July 21, 2014
Javascript
Frontend
Track your progress

Sign in to track your progress and access subscription-only lessons.

Log In

Your Teacher

Chris Oliver

Hi, I'm Chris. I'm the creator of GoRails, Hatchbox.io and Jumpstart. I spend my time creating tutorials and tools to help Ruby on Rails developers build apps better and faster.

About This Episode

Learn how to easily disable the submit button and display a loading animation when a user submits the form

Notes

Code

Standard Rails

<%= f.button "Sign In", class: "btn btn-success", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> Signing in..."} %>

SimpleForm

<%= f.button :button, "Save Post".html_safe, data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> Saving..."} %>

Resources

Completed By 125 Students

Want to stay up-to-date with Ruby on Rails?

Join 77,200+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    Screencast tutorials to help you learn Ruby on Rails, Javascript, Hotwire, Turbo, Stimulus.js, PostgreSQL, MySQL, Ubuntu, and more.

    Twitter GitHub

    Solutions

    Support

    Company

    Legal

    © 2023 GoRails, LLC. All rights reserved.