Skip to content

Instantly share code, notes, and snippets.

@dyanagi
Last active October 26, 2019 07:16
Show Gist options
  • Save dyanagi/40eff1cde9ebcb19980b70ab62fa7333 to your computer and use it in GitHub Desktop.
Save dyanagi/40eff1cde9ebcb19980b70ab62fa7333 to your computer and use it in GitHub Desktop.
Customized Devise view (the Sign-Up page) with Bulma CSS framework
<%# part of this article: https://medium.com/@dyanagi/a-bulma-form-builder-for-ruby-on-rails-applications-aef780808bab %>
<div class="section">
<div class="container">
<div class="content is-medium is-narrow">
<h2><%= t('.sign_up') %></h2>
<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
<%= render "layouts/error_messages", resource: resource %>
<div class="field">
<%= f.email_field_with_label :email, autofocus: true, autocomplete: "email" %>
</div>
<div class="field">
<%= f.password_field_with_label :password, autocomplete: "new-password" %>
<% if @minimum_password_length %>
<p class="help"><%= t('users.shared.minimum_password_length', count: @minimum_password_length) %></p>
<% end %>
</div>
<div class="field">
<%= f.password_field_with_label :password_confirmation, autocomplete: "new-password" %>
</div>
<div class="field has-text-danger">
<%= flash[:recaptcha_error] %>
<%= recaptcha_tags %>
</div>
<div class="actions">
<%= f.submit_primary t('.sign_up') %>
</div>
<% end %>
<%= render "users/shared/links" %>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment