Customise buttons in userforms module

I wanted more control over the styling of submit buttons in the userforms module. The standard button use either an <input> tag or a <button> tag. I needed an extra span so I could style the button super pretty, à la:
<button><span>Submit!</span></button>

So I extended UserDefinedForm by putting the file 'MyForm' in mysite/code:
class MyForm extends UserDefinedForm { } class MyForm_Controller extends UserDefinedForm_Controller { /** * Customise User Defined Form. Add a prettier submit button * * (Actually overriding the model, but template calls this controller function) * * @return Form */ public function Form() { $form = parent::Form(); $submit = new FormAction("process", $form->SubmitButtonText); $submit->useButtonTag = true; $submit->setButtonContent('<span>Submit</span>'); $form->actions = new FieldSet($submit); return $form; } }

About the Author