Pre-order

πŸ”“ Unlock video

Pre-order, get early bird pricing, and help shape this course.

Pre-order video course

Why Superform?

Forms are a critical part of web applications and traditionally have been difficult to customize in Rails, especially with Phlex. Superform is a powerful form builder library built completely on Phlex that makes it possible to build different types of forms in your apps and use them with ease.

There’s a FormBuilder library built into Rails that’s a worse implementation of Phlex at the core of Rails form builders.

If you wanted to wrap all of your form fields in a <div> with a class of form-field, you could create a custom form builder like this:

πŸ”“ Unlock content

Pre-order this course to unlock this video, source code, and content.

Pre-order video course for $379 $249
β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
class WrappedFormBuilder < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
  β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ = %i[
    text_field password_field email_field telephone_field
    number_field search_field url_field text_area select
    date_select datetime_select time_select
  ]

  β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“.β–“β–“β–“β–“ do |β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“|
    β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“(β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“) do |β–“β–“β–“β–“β–“, *β–“β–“β–“β–“, **β–“β–“β–“β–“β–“β–“β–“|
      β–“β–“β–“β–“β–“β–“β–“β–“β–“.β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“(:div, class: "form-field") do
        super(β–“β–“β–“β–“β–“, *β–“β–“β–“β–“, **β–“β–“β–“β–“β–“β–“β–“)
      end
    end
  end
end

β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“

<%= β–“β–“β–“β–“β–“β–“β–“β–“β–“ model: β–“β–“β–“β–“β–“, builder: β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ do |β–“β–“β–“β–“| %>
  <%= β–“β–“β–“β–“.β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ :name %>
  <%= β–“β–“β–“β–“.β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ :email %>
  <%= β–“β–“β–“β–“.β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ :password %>
  <%= β–“β–“β–“β–“.β–“β–“β–“β–“β–“β–“ "Sign Up" %>
<% end %>

β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“

β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“

Superform

β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“ β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“

β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“

class UserForm < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
  def β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
    β–“β–“β–“ β–“β–“β–“β–“β–“(:name).β–“β–“β–“β–“β–“(type: :text)
    β–“β–“β–“ β–“β–“β–“β–“β–“(:email).β–“β–“β–“β–“β–“(type: :email)
    β–“β–“β–“ β–“β–“β–“β–“β–“(:password).β–“β–“β–“β–“β–“(type: :password)

    β–“β–“β–“β–“β–“β–“("Sign Up")
  end
end

β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“

<%= β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“.β–“β–“β–“ β–“β–“β–“β–“β–“ %>

β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“

Getting Started
Next video
Turbo Pagemorphs
Previous video