Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>It looks like you are not using rails default form helper as rails default does not add extra classes i.e. <code>btn</code> in your case. There are several ways you can add a submit button without extra attributes or "attribute values"(in your case): </p> <p><strong>Html button:</strong> </p> <pre><code>&lt;button type="submit" name="submit" class="btn-custom success"&gt;Sign In&lt;/button&gt; </code></pre> <p><strong>HTML input:</strong> </p> <pre><code>&lt;input type="submit" value="Sign In" class="btn-cusom success" /&gt; </code></pre> <p><strong>Rails <code>button_tag</code></strong></p> <pre><code>= button_tag 'Sign In', type: :submit, class: 'btn-custom success' </code></pre> <p>Please refer to <a href="http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-button_tag" rel="nofollow">http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-button_tag</a> for documentation of <code>button_tag</code> helper specifically and the page for other options.</p> <p><strong>Rails <code>submit_tag</code></strong></p> <pre><code>= submit_tag 'Sign In', class: 'btn-custom success' </code></pre> <p>Please refer to <a href="http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-submit_tag" rel="nofollow">http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-submit_tag</a> for documentation of <code>submit_tag</code>. The only point to note in this case is that the <code>submit_tag</code> helper adds a <code>name</code> attribute with value <code>commit</code> by default.</p> <p>But since your question is related to <code>button</code>, you could either use the "HTML button" or "Rails button_tag" options.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload