Maintenance script: Imported by PageSync

2025-09-18T07:01:04Z

Imported by PageSync

ws-base-props
← Older revision		Revision as of 09:01, 18 September 2025
Line 5:		Line 5:
	<pre>		<pre>
	{{Csp formfield/token		{{Csp formfield/token
	\|name= (text)		\|name= (text)
			\|id= (optional html id) defaults to id based on the "name" parameter
			\|placeholder= (optional: text)
	\|multiple= (optional: "multiple") to allow selecting multiple values		\|multiple= (optional: "multiple") to allow selecting multiple values
	\|required= (optional: "required")		\|required= (optional: "required")
	\|value= (value(s) from "allowedValues" list) selected values, e.g. "A,C"		\|value= (value(s) from "allowedValues" list) selected values, e.g. "A,C"
	\|allowedValues= (comma-separated values) value options, e.g. "A,B,C,D,E"		\|allowedValues= (comma-separated values) value options, e.g. "A,B,C,D,E"
			\|allowtags= (optional: "allowtags")
	}}		}}
	</pre>		</pre>
Line 15:		Line 18:
	== Example ==		== Example ==
	{{Csp formfield/token		{{Csp formfield/token
	\|name=Broodje1		\|name=Broodje1()
			\|id=token-broodje1
	\|value=kroket		\|value=kroket
	\|allowedValues=braadworst,gezond,kroket		\|allowedValues=braadworst,gezond,kroket
			\|placeholder=Kies een broodje
	}}		}}

Line 37:		Line 42:
	// NOTE: empty placeholder is used because allowclear required a placeholder (else there will be no way to clear filled fields when not using "multiple")		// NOTE: empty placeholder is used because allowclear required a placeholder (else there will be no way to clear filled fields when not using "multiple")
	--><_token		--><_token
	id="~~token-~~{{lc:{{~~anchorencode~~:{{{name\|}}} }} }}"		id="{{#if:{{{id\|}}} \|{{{id\|}}} \|token{{#invoke:CspFunctions\|gmatch\|{{{name\|}}}\|([%w]+)\|}} }}"
	name="{{{name\|}}}[]"		name="{{{name\|}}}[]"
	class="form-control"		class="form-control"
Line 44:		Line 49:
	selected="{{{value\|}}}"		selected="{{{value\|}}}"
	options="{{#invoke:CspFunctions\|preprocess\|_content={{{allowedValues\|}}} }}"		options="{{#invoke:CspFunctions\|preprocess\|_content={{{allowedValues\|}}} }}"
	placeholder=""		placeholder="{{{placeholder\|}}}"
	allowclear		allowclear="allowclear"
	allowsort		allowsort="allowsort"
			allowtags="{{{allowtags\|no}}}"
	/></includeonly>		/></includeonly>
Line 2:		Line 2:
	\|Class=Application page		\|Class=Application page
	\|Title=Template:Csp formfield/token		\|Title=Template:Csp formfield/token
			\|Version history={{Version history item
			\|Version number=1.3
			\|Version description=Added placeholder parameter (#171)
			\|Version date=2025-6-30 12:55:39
			}}{{Version history item
			\|Version number=1.2
			\|Version description=changed default id to only contain alphanumeric characters (#197)
			\|Version date=2025-4-10 12:13:37
			}}{{Version history item
			\|Version number=1.1
			\|Version description=Added "allowtags" parameter
			\|Version date=2024-8-12 10:14:53
			}}{{Version history item
			\|Version number=1.0
			\|Version description=added optional id parameter because some ids cause issues with attaching select2 token js to the formfield
			\|Version date=2024-7-31 11:41:08
			}}
			}}
			}}
			}}
			}}
	}}		}}

Maintenance script: Imported by PageSync

2025-07-15T08:37:05Z

Imported by PageSync

New page

<noinclude>

This is the '''Csp formfield/token''' template. It should be called in the following format:

<pre>
{{Csp formfield/token
|name= (text)
|multiple= (optional: "multiple") to allow selecting multiple values
|required= (optional: "required")
|value= (value(s) from "allowedValues" list) selected values, e.g. "A,C"
|allowedValues= (comma-separated values) value options, e.g. "A,B,C,D,E"
}}
</pre>

== Example ==
{{Csp formfield/token
|name=Broodje1
|value=kroket
|allowedValues=braadworst,gezond,kroket
}}

{{Csp formfield/token
|name=Broodje2
|value=kroket,gezond
|multiple=multiple
|allowedValues=braadworst,gezond,kroket
}}

Related templates:
{{#ask:[[~*Csp formfield/*]]
|mainlabel=Page
|format=table
|sort=Title
}}

</noinclude><includeonly><_token
id="token-{{lc:{{anchorencode:{{{name|}}} }} }}"
name="{{{name|}}}[]"
class="form-control"
multiple="{{{multiple|}}}"
required="{{{required|}}}"
selected="{{{value|}}}"
options="{{#invoke:CspFunctions|preprocess|_content={{{allowedValues|}}} }}"
placeholder=""
allowclear
allowsort
/></includeonly>

Template:Csp formfield/token - Revision history

Maintenance script: Imported by PageSync

Maintenance script: Imported by PageSync