DevOps:Doc/FlexForm/1.0/input/signature - Revision history

81d56153-9868-4094-90a0-df1700ff7090: Text replacement - "{{Doc properties" to "{{Csp class properties"

2025-07-15T08:59:03Z

Text replacement - "{{Doc properties" to "{{Csp class properties"

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

Charlot: User:Charlot

2022-09-22T13:00:33Z

User:Charlot

ws-class-props
← Older revision		Revision as of 15:00, 22 September 2022
Line 5:		Line 5:
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=How to render a signature field
	}}		}}

Slot migration: Slot migration

2022-08-03T12:00:13Z

Slot migration

ws-class-props
← Older revision		Revision as of 14:00, 3 August 2022
Line 1:		Line 1:
			{{Doc properties
			\|Doc subject=DevOps:Doc/FlexForm
			\|Subject version=1.1
			\|Doc parent=DevOps:Doc/FlexForm/1.0/input
			\|Doc sort order=110
			\|Doc target group=User
			}}
ws-page-props
Line 1:		Line 1:
	~~{{Doc properties~~
	~~\|Doc subject=DevOps:Doc/FlexForm~~
	~~\|Subject version=1.1~~
	~~\|Doc parent=DevOps:Doc/FlexForm/1.0/input~~
	~~\|Doc sort order=110~~
	~~\|Doc target group=User~~
	}}

Charlot at 13:03, 12 May 2022

2022-05-12T13:03:25Z

← Older revision		Revision as of 15:03, 12 May 2022
Line 116:		Line 116:
	<_input type="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />		<_input type="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />
	===Note===		===Note===
			''Only one signature field per form is supported!''
	===Links===		===Links===

Charlot: ]

2022-05-12T13:02:41Z

]

ws-page-props
← Older revision		Revision as of 15:02, 12 May 2022
Line 3:		Line 3:
	\|Subject version=1.1		\|Subject version=1.1
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input
	\|Doc sort order=10		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
	}}		}}

Admin: ]

2022-04-19T08:12:21Z

]

ws-page-props
← Older revision		Revision as of 10:12, 19 April 2022
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Subject version=1.1.0		\|Subject version=1.1
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input
	\|Doc sort order=10		\|Doc sort order=10
	\|Doc target group=User		\|Doc target group=User
	}}		}}

Charlot: User:Charlot

2022-04-06T19:22:11Z

User:Charlot

ws-page-props
← Older revision		Revision as of 21:22, 6 April 2022
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Subject version=1.0,1~~.0.1,1.0~~.0		\|Subject version=1.1.0
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input
	\|Doc sort order=10		\|Doc sort order=10
	\|Doc target group=User		\|Doc target group=User
	}}		}}

Charlot: User:Charlot

2022-04-06T12:14:50Z

User:Charlot

ws-page-props
← Older revision		Revision as of 14:14, 6 April 2022
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Subject version=1.0,1.0.0		\|Subject version=1.0,1.0.1,1.0.0
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input
	\|Doc sort order=10		\|Doc sort order=10
	\|Doc target group=User		\|Doc target group=User
	}}		}}

Charlot at 12:11, 6 April 2022

2022-04-06T12:11:04Z

← Older revision		Revision as of 14:11, 6 April 2022
Line 10:		Line 10:
	type="signature"		type="signature"

	* means required
	fname*		<nowiki>*</nowiki> = means required
	type : text
			'''fname'''*

			''type : text''

	Name of the file to be placed in the Wiki		Name of the file to be placed in the Wiki
	ftype*
	type : text		'''ftype'''*

			''type : text''

	Filetype. Either png, svg or jpg		Filetype. Either png, svg or jpg
	pagecontent*
	type : text		'''pagecontent'''*

			''type : text''

	The (text-) content that goes on the page when saving to the wiki		The (text-) content that goes on the page when saving to the wiki
	~~class~~

	type : text		'''class'''

			''type : text''

	Adds an additional CSS class to the signature canvas.		Adds an additional CSS class to the signature canvas.

	By default the signature canvas will always get class: wsform-signature.		By default the signature canvas will always get class: wsform-signature.
	~~clearbuttonclass~~

	type : text		'''clearbuttonclass'''

			''type : text''

	Adds an additional CSS class to the clear button to clear the canvas.		Adds an additional CSS class to the clear button to clear the canvas.

	By default the clear button will always get class: wsform-signature-clear.		By default the clear button will always get class: wsform-signature-clear.
	~~clearbuttontext~~

	type : text		'''clearbuttontext'''

			''type : text''

	Text to be placed in the clear button. Default to Clear.		Text to be placed in the clear button. Default to Clear.
	~~background~~

	type : color. Either hexadecimal, CSS color name or css rgb value		'''background'''

			''type : color. Either hexadecimal, CSS color name or css rgb value''

	Background color for the signature field		Background color for the signature field
	~~drawcolor~~

	type : color. Either hexadecimal, CSS color name or css rgb value		'''drawcolor'''

			''type : color. Either hexadecimal, CSS color name or css rgb value''

	Color of the signature pen		Color of the signature pen
	~~thickness~~

	type : integer		'''thickness'''

			''type : integer''

	Thickness of the signature pen		Thickness of the signature pen
	~~notavailablemessage~~

	type : text		'''notavailablemessage'''

			''type : text''

	When a browser does not support the signature canvas, this message will be displayed.		When a browser does not support the signature canvas, this message will be displayed.

	Default message : "Your browser doesn't support signing"		Default message : "Your browser doesn't support signing"
	~~guideline~~

	type : text		'''guideline'''

			''type : text''

	Show a horizontal line to guide when writing a signature.		Show a horizontal line to guide when writing a signature.
Line 73:		Line 88:

	Please note that the guideline will be saved together with the signature, unless you choose svg as file type.		Please note that the guideline will be saved together with the signature, unless you choose svg as file type.

	Additional guideline option, available when guideline is set to true		Additional guideline option, available when guideline is set to true
	~~- guidelineoffset~~

	type: integer		- '''guidelineoffset'''

			''type: integer''

	Offset from the bottom of the canvas		Offset from the bottom of the canvas
	~~- guidelineindent~~

	type: integer		- '''guidelineindent'''

			''type: integer''

	Margin left and right from the line to the side of the canvas		Margin left and right from the line to the side of the canvas
	~~- guidelinecolor~~

	type : color. Either hexadecimal, CSS color name or css rgb value		'''- guidelinecolor'''

			''type : color. Either hexadecimal, CSS color name or css rgb value''

	Color for the guideline		Color for the guideline

Charlot at 12:04, 6 April 2022

2022-04-06T12:04:41Z

@@ Line 1: / Line 1: @@
 ===Name===
-email
+signature
 ===Type===
 _input
 ===Synopsis===
-How to render an email input field
+How to render a signature field
 ===Description===
-When rendering an email input field, the browser will check if it is a valid email address.
+A signature field allows person to add a signature to a form.
 ===Parameters===
-type="email"
+type="signature"
 All other valid parameters for an input field are valid
 ===Example===
 <syntaxhighlight lang="html">
-<_input type="email" name="mail" placeholder="Type your email address" required="required" />
+<_input type="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />
 </syntaxhighlight>
-<_input type="email" name="mail" placeholder="Type your email address" required="required" />
+<_input type="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />
 ===Note===
-All attributes for an email input field are supported (like in this case : name, placeholder and required.)
 ===Links===