How to Submit & Reset buttons?

In the HTML code view I changed the following code…

<div class="ccms_form_element cfdiv_submit" id="submit1_container_div" style="text-align:left"><input name="submit" class="" value="Submit" type="submit" />
 <input type='reset' name='reset' value='Reset' />

to work with my CSS like this

<div style="text-align:left"><input name="submit" class="button" value="Submit" type="submit" />
 <input type='reset' class="button" name='reset' value='Reset' />

This works fine, but if I edit the form in the Wizard, then I have to go back to the HTML code and make this update again.

Is there any way to make this change permanent so that the defaults will not break my custom style?

Hi hobartimus,

You have some choices here.

1) Apart from the class on the Reset button you can do all of this in the Wizard or using CSS. There is a JavaScript snippet in this FAQ to add a class to the Reset button.

2) You can set the Form Type to Custom on the form Code tab. That will lock in the Custom HTML and lock out the Preview box in the Wizard.

3) You can add this custom HTML snippet to a Custom Element element (from the Advanced elements group) in the Preview box.

Bob

Thanks! Option #3 worked perfectly and did indeed take care of the Reset button as well as the Submit button.