Button

Standard HTML button with no submitting function and two configurable tabs:

General

• Name: the name of the form component. This needs to be unique for each form. It can contain only alphanumeric chars. The name of the field is only used for internal reference - it will not be displayed in the front-end area.
• Caption: the caption or label is the text or HTML that is being displayed in the actual form.
• Label: the text label that is being displayed on the button.
• Description: text/HTML area that provides a description of the field. This can be useful for providing explanations or indications for that particular field.

Attributes

The Attributes area allows you to add JavaScripts triggers, custom style (for that particular field), etc. Anything filled in this area, will be added directly to the HTML tag.

• Reset: if enabled, a complementary reset button will be added for users to reset the form fields.
• Reset Label: the text label of the reset button.
• Button Type: switch between <input> or <button> HTML tag used for the button.
• Additional Attributes: anything filled in this area, will be added directly to the HTML input tag. For example:
  JavaScript: onclick="your_function();" - this will trigger a JavaScript function when you press the button.
  CSS: style="margin-left:20px" - this will set a 20px margin on the left side.
  

13 persons found this article helpful.

You Should Also Read