Submit Button (Public form only)

Yeeflow team
Yeeflow team
  • Updated

The Submit button on public form can be customized with styles and text. You can also change the layout and position of the Submit button on your form.

 

Submit_Overview.jpg

 

Add Submit Button to the form

Open the public form designer, find the Submit Button in the controls add panel. Then, drag and drop it into a section or container on your form.

Submit_Add.jpg

 

Set contents of Button

Select content tab from the control's settings panel, and select button section:

  1. Text: Enter the button’s text, or set the dynamic text with expression editor.
  2. Tooltip: Set the text as the tooltip of this button. 
  3. Align: Align the button to the left, center, right, or justified in relation to its column.
  4. Size: Select the preset button sizes, from Extra Small to Extra Large (see padding default details at the bottom of this document)
  5. Icon: Select a icon to display on the button
  6. Position: Set the icon to appear before or after the button text
  7. Space: Adjust the amount of space between the icon and the button text

Submit_Button.jpg

 

Set Styles of the Submit Button

  1. Typography: Change the default typography options for the button’s text
  2. Text Shadow: Add a shadow and blur to the button’s text
  3. Text Color: Select the color of the button’s text
  4. Background Color: Select the button’s background color for both NormalHover and Click states. You may use a solid or gradient color
  5. Border Type: Select the type of border to use around the button
  6. Width: Control the thickness of the border around the button
  7. Color: Choose the border’s color
  8. Radius: Set the border radius to control corner roundness
  9. Shadow: Set options to apply a box shadow on the button
  10. Spacing: Change the padding settings of the button

Submit_Style.jpg

 

Advanced Settings

Set the Advanced options that are applicable to this control.

 

Was this article helpful?

/

Comments

0 comments

Please sign in to leave a comment.