Add custom class to the form generated using {% form_for signup %}

How can I add custom class to the signup form generated by using {% form_for signup %}? The form generated contains the class "signup_form" but I need add other classed to the form. Thank you

Official response from NationBuilder Support

Hello Kamal,

The easiest way to manipulate the way elements look on your website is to override these default styles, or add to them. You can read more about how theme stylesheets work and how website templates work together for a more detailed walkthrough on making these types of changes.

Share this post

Showing 6 reactions

How would you tag this suggestion?

Add comment (optional)

Sign in with

Facebook Twitter

Jeff Dunne

NationBuilder
NationBuilder employee

Jeff Dunne commented
It’s not possible to add a custom class to the element, but you can add a custom ID:

{% form_for signup, id:“new_id”, %}

Style off of #new_id and you’re set!
posted 2017-01-05 16:23:09 -0800
Mario Flores

Mario Flores commented
My last comment formating totally failed, but a work around is to have both NB’s form_for and end_form_for and wrap the liquid in HTML comment tags <code></code>. Then put in your own custom form html
posted 2015-05-13 17:11:10 -0700

commented

Unfortunately, overriding the form with a static HTML tag produces an error on checkboxes.

{% check_box "email_opt_in", class:"checkbox" %}

{% check_box "email_opt_in", class:"checkbox" %}

gives you:

Liquid error: undefined method `to_sym' for nil:NilClass Send me email updates
Liquid error: undefined method `to_sym' for nil:NilClass Send me text messages

You can work around this by commenting out the form tags in your dom.

and

posted 2015-05-13 17:09:19 -0700

Mario Flores

Mario Flores tagged this with Not helpful

posted 2015-05-13 16:45:05 -0700
Mark Uraine

Certified Architect

Mark Uraine tagged this with Not helpful

posted 2015-05-07 10:04:57 -0700
Kamal Kafle

Kamal Kafle responded with completed

posted 2013-03-19 17:55:36 -0700