(Imported by PageSync) Tag: wsps-content-edit-tag |
(Imported by PageSync) Tag: wsps-content-edit-tag |
||
| 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=" | 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> | ||
| ws-base-props | |||
|---|---|---|---|
| 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 | |||
}} | |||
}} | |||
}} | |||
}} | |||
}} | |||
}} | }} | ||
Latest revision as of 08:01, 18 September 2025
This is the Csp formfield/token template. It should be called in the following format:
{{Csp formfield/token
|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
|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"
|allowtags= (optional: "allowtags")
}}
Example
Related templates: