Adding and Editing Form Buttons
Print this Article
Last Updated:
October 9, 2008 1:26 PM
A form element is part of a form. You must add a form before you can add a form element. For more information about adding a form, see Adding Forms to Your Web Site.
You can add a Normal, Submit, or Reset button. Normal buttons do not have actions assigned to them, but you can assign an action in the button properties. Submit and Reset buttons have actions assigned to them for either submitting a form or resetting the fields on a form.
To Add a Button as a Form Element
- Log in to your WebSite Tonight account.
- From the Design menu, click Page Designer .
- If necessary, from the You are editing list, select the page that contains the form you want to edit.
- Click the form you want to edit.
- Go to the Options tab, and then select Edit Form.
- From the Insert Fields list select one of the following:
- Normal Button
- Inserts a button. You can assign properties to the normal button.
- Submit Button
- Submits the form.
- Reset Button
- Clears the information entered in the form.
- If you want to assign properties to the button, modify the properties in the Button Properties pane.
- Click OK.
To Edit the Text on a Form Button
- Log in to your WebSite Tonight account.
- From the Design menu, click Page Designer .
- If necessary, from the You are editing list, select the page you want to edit.
- Click the table you want to edit.
- From the Edit Content window, double-click the button that contains the text you want to edit.
- Edit the text, and then click outside the button area.
- Click OK.
To Set Button Properties
- Log in to your WebSite Tonight account.
- From the Design menu, click Page Designer .
- If necessary, from the You are editing list, select the page you want to edit.
- Click the table you want to edit.
- Click the button you want to edit. The Text Box Properties displays in the toolbox.
- If necessary, in the Label field, edit the button label.
- To add a tooltip that displays when users move over the button, in the Tooltip field, enter the tooltip.
- In the OnClick field, specify the JavaScript code you want to call when the user clicks the button.
- To move the button above the previous item in the form, click Move Up.
- To move the button below the next item in the form, click Move Down.
