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

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:11Z

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:27Z

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

944f869b-8467-464e-95c7-903362952755 at 13:55, 8 December 2023

2023-12-08T13:55:51Z

← Older revision		Revision as of 15:55, 8 December 2023
Line 135:		Line 135:
	</syntaxhighlight>		</syntaxhighlight>
	<input type="signature" name="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />		<input type="signature" name="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />

			''Note that anonymous users may not see the signature field.''

	===Note===		===Note===
	''Only one signature field per form is supported!''		''Only one signature field per form is supported!''
	===Links===		===Links===

944f869b-8467-464e-95c7-903362952755: /* Example */ add missing name parameter

2023-12-08T13:48:43Z

Example: add missing name parameter

← Older revision		Revision as of 15:48, 8 December 2023
Line 132:		Line 132:
	===Example===		===Example===
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<input type="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />		<input type="signature" name="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />
	</syntaxhighlight>		</syntaxhighlight>
	<input type="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />		<input type="signature" name="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />

	===Note===		===Note===
	''Only one signature field per form is supported!''		''Only one signature field per form is supported!''
	===Links===		===Links===

Charlot at 19:39, 16 April 2023

2023-04-16T19:39:25Z

← Older revision		Revision as of 21:39, 16 April 2023
Line 37:		Line 37:
	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

	'''parsecontent'''*		'''parsecontent'''

	''type : text''		''type : text''
Line 45:		Line 45:
	Will force FlexForm to insert values from other form fields inside the pagecontent field. Use square brackets, like [fieldname], where values should be inserted.		Will force FlexForm to insert values from other form fields inside the pagecontent field. Use square brackets, like [fieldname], where values should be inserted.

	'''template '''*		'''template '''

	''type : text''		''type : text''

Charlot at 19:39, 16 April 2023

2023-04-16T19:39:03Z

@@ Line 12: / Line 12: @@
 <nowiki>*</nowiki> = means required
 '''fname'''*
@@ Line 30: / Line 36: @@
 The (text-) content that goes on the page when saving to the wiki
 '''class'''

Charlot: User:Charlot

2023-03-31T20:09:57Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:09, 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:22, 3 January 2023

2023-01-03T09:22:21Z

← Older revision		Revision as of 11:22, 3 January 2023
Line 2:		Line 2:
	signature		signature
	===Type===		===Type===
	~~_input~~		input
	===Synopsis===		===Synopsis===
	How to render a signature field		How to render a signature field
Line 112:		Line 112:
	===Example===		===Example===
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<~~_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" />
	</syntaxhighlight>		</syntaxhighlight>
	<~~_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!''		''Only one signature field per form is supported!''
	===Links===		===Links===

Charlot: User:Charlot

2023-01-03T09:21:48Z

User:Charlot

ws-class-props
← Older revision		Revision as of 11:21, 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 render a signature field
	}}		}}

Charlot: User:Charlot

2023-01-03T09:21:38Z

User:Charlot

New page

===Name===
signature
===Type===
_input
===Synopsis===
How to render a signature field
===Description===
A signature field allows person to add a signature to a form.
===Parameters===
type="signature"

<nowiki>*</nowiki> = means required

'''fname'''*

''type : text''

Name of the file to be placed in the Wiki

'''ftype'''*

''type : text''

Filetype. Either png, svg or jpg

'''pagecontent'''*

''type : text''

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

'''class'''

''type : text''

Adds an additional CSS class to the signature canvas.

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

'''clearbuttonclass'''

''type : text''

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.

'''clearbuttontext'''

''type : text''

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

'''background'''

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

Background color for the signature field

'''drawcolor'''

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

Color of the signature pen

'''thickness'''

''type : integer''

Thickness of the signature pen

'''notavailablemessage'''

''type : text''

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

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

'''guideline'''

''type : text''

Show a horizontal line to guide when writing a signature.

Use guideline="true" is the only way to show the guideline.

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

- '''guidelineoffset'''

''type: integer''

Offset from the bottom of the canvas

- '''guidelineindent'''

''type: integer''

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''

Color for the guideline

All other valid parameters for an input field are valid
===Example===
<syntaxhighlight lang="html">
<_input type="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />
</syntaxhighlight>
<_input type="signature" fname="Signature-test" ftype="png" pagecontent="test" guideline="true" clearbuttonclass="btn btn-primary" />
===Note===
''Only one signature field per form is supported!''
===Links===