DevOps:Doc/FlexForm/2.0/input/submit - Revision history

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295 at 08:46, 11 March 2026

2026-03-11T08:46:18Z

← Older revision		Revision as of 10:46, 11 March 2026
Line 55:		Line 55:
	Since version 2.7.2 the spinner is color adjustable using css variables. You can adjust the following variables: --ff-overlay-bg, --ff-spinner-base, --ff-spinner-color-1 and --ff-spinner-color-2		Since version 2.7.2 the spinner is color adjustable using css variables. You can adjust the following variables: --ff-overlay-bg, --ff-spinner-base, --ff-spinner-color-1 and --ff-spinner-color-2

	Also, you can disable the spinner and the disable form on submit using [[DevOps:Doc/FlexForm/2.5/Form_options#no_disable_on_submit]]		Also, you can disable the spinner and the disable form on submit using [https://open-csp.org/DevOps:Doc/FlexForm/2.5/Form_options#no_disable_on_submit the form option "no-disable-on-submit" ]
	===Links===		===Links===
	https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit		https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295 at 08:44, 11 March 2026

2026-03-11T08:44:36Z

← Older revision		Revision as of 10:44, 11 March 2026
Line 54:		Line 54:

	Since version 2.7.2 the spinner is color adjustable using css variables. You can adjust the following variables: --ff-overlay-bg, --ff-spinner-base, --ff-spinner-color-1 and --ff-spinner-color-2		Since version 2.7.2 the spinner is color adjustable using css variables. You can adjust the following variables: --ff-overlay-bg, --ff-spinner-base, --ff-spinner-color-1 and --ff-spinner-color-2

			Also, you can disable the spinner and the disable form on submit using [[DevOps:Doc/FlexForm/2.5/Form_options#no_disable_on_submit]]
	===Links===		===Links===
	https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit		https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295 at 08:39, 11 March 2026

2026-03-11T08:39:27Z

← Older revision		Revision as of 10:39, 11 March 2026
Line 52:		Line 52:
	===Note===		===Note===
	When a user clicks on a submit button. FlexForm disables the button (to prevent clicking more than once), will add a class of "wsform-submitting" to the form while it is being submitted and will add a class "wsform-submitted" when it is done (this last class is only relevant for ajax submit).		When a user clicks on a submit button. FlexForm disables the button (to prevent clicking more than once), will add a class of "wsform-submitting" to the form while it is being submitted and will add a class "wsform-submitted" when it is done (this last class is only relevant for ajax submit).

			Since version 2.7.2 the spinner is color adjustable using css variables. You can adjust the following variables: --ff-overlay-bg, --ff-spinner-base, --ff-spinner-color-1 and --ff-spinner-color-2
	===Links===		===Links===
	https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit		https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: User:Fd4138e7-8b46-4c8f-99bf-d4b738ebc295

2026-01-09T18:00:32Z

Charlot Cobben

ws-seo
← Older revision	Revision as of 20:00, 9 January 2026
Line 1:	Line 1:
		{{SEO
		\|Title=FlexForm input type submit
		\|Description=To have a form send to the handler it must have a submit button.

		input elements of type "submit" are rendered as buttons. When the click event occurs (typically because the user clicked the button), the user agent attempts to submit the form to the server.
		\|Image=FlexForm logo.png
		\|Image alt=FlexForm logo
		\|Section=Documention/FlexForm
		\|Published time=2024-01-10
		}}

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

2025-08-21T09:07:04Z

Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

ws-class-props
← Older revision		Revision as of 11:07, 21 August 2025
Line 1:		Line 1:
	{{Csp class properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1,2.5
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input

Maintenance script: Imported by PageSync

2025-07-15T08:34:29Z

Imported by PageSync

ws-class-props
← Older revision		Revision as of 10:34, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295 at 13:19, 22 January 2024

2024-01-22T13:19:47Z

← Older revision		Revision as of 15:19, 22 January 2024
Line 21:		Line 21:

	Meaning the user will stay on the page without the need to reload a page. This can be very handy if a page has several FlexForms that do various tasks.		Meaning the user will stay on the page without the need to reload a page. This can be very handy if a page has several FlexForms that do various tasks.

			When using Ajax (JavaScript) to submit a form you can trigger another JavaScript function (a callback) when the posting has been successful.

			The JavaScript function will be loaded by FlexForm on rendering the form.

			Name your JavaScript file exactly as the name of the callback function. For example : Is your callback function named : '''myGreatCallBackHandler''' then the name of the file must be : '''myGreatCallBackHandler.js'''

			Put your callback JavaScript in the FlexForm extension folder : <code>FlexForm/modules/customJS</code>

			'''The callback function will receive the submitted form object.'''

	===Parameters===		===Parameters===

Charlot: User:Charlot

2023-03-31T20:10:05Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:10, 31 March 2023
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Subject version=2.0		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input

Charlot at 09:24, 3 January 2023

2023-01-03T09:24:51Z

← Older revision		Revision as of 11:24, 3 January 2023
Line 2:		Line 2:
	submit		submit
	===Type===		===Type===
	~~_input~~		input
	===Synopsis===		===Synopsis===
	How to submit a form		How to submit a form
Line 8:		Line 8:
	To have a form send to the handler it must have a submit button.		To have a form send to the handler it must have a submit button.

	~~_input~~ elements of type "'''submit'''" are rendered as buttons. When the click event occurs (typically because the user clicked the button), the user agent attempts to submit the form to the server.		input elements of type "'''submit'''" are rendered as buttons. When the click event occurs (typically because the user clicked the button), the user agent attempts to submit the form to the server.

	<code>mwpausebeforerefresh</code> can be added to a submit button, to make FlexForm wait a specified number of seconds before refreshing a page after completing form actions. See example 3.		<code>mwpausebeforerefresh</code> can be added to a submit button, to make FlexForm wait a specified number of seconds before refreshing a page after completing form actions. See example 3.
Line 23:		Line 23:

	===Parameters===		===Parameters===
	~~_input~~ type="submit"		input type="submit"

	All other arguments like "class" "id" etc are allowed		All other arguments like "class" "id" etc are allowed
Line 30:		Line 30:
	Example 1		Example 1
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<~~_input~~ type="submit" value="Send Request" />		<input type="submit" value="Send Request" />
	</syntaxhighlight>		</syntaxhighlight>
	Example 2		Example 2
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<~~_input~~ type="submit" value="Send Request" mwidentifier="ajax" />		<input type="submit" value="Send Request" mwidentifier="ajax" />
	</syntaxhighlight>		</syntaxhighlight>
	Example 3		Example 3
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<~~_input~~ type="submit" mwpausebeforerefresh="2"/>		<input type="submit" mwpausebeforerefresh="2"/>
	</syntaxhighlight>		</syntaxhighlight>
	===Note===		===Note===

Charlot: User:Charlot

2023-01-03T09:23:52Z

User:Charlot

ws-class-props
← Older revision		Revision as of 11:23, 3 January 2023
Line 5:		Line 5:
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=How to submit a form
	}}		}}