CSP Wiki - User contributions [en]

Wiki:Testpagina Liselot

2022-03-03T09:43:36Z

Liselot Roelen: Created page with "<_form action="addToWiki" show-on-select="show-on-select" > <_input type="checkbox" show-on-checked="test A" show-on-unchecked="test B" /> <div show-on-select-trigger="test..."

<_form action="addToWiki" show-on-select="show-on-select" >
<_input type="checkbox" show-on-checked="test A" show-on-unchecked="test B" />
<div show-on-select-trigger="test A">test checked</div>
<div show-on-select-trigger="test B">test unchecked</div>
</_form>

DevOps:Doc/FlexForm/1.0/ShowOnSelect

2022-03-03T09:37:07Z

Liselot Roelen:

===Name===
showonselect
===Type===
_form
===Synopsis===
Show or hide elements based on a form input change
===Description===
This allows to show elements in a form based on a selection option, a checkbox status or radio button status.

You can create a complete form with certain form elements hidden based on a selection in the form done by a user.
===Parameters===
'''show-on-select on the _form tag'''

For it all to work you must let FlexForm know you want to use Show On Select by adding a parameter to the _form tag. '''See example 1'''.
<hr>
'''show-on-select on a select field'''

The actual show-on-select attribute is added to an option field within a select field.
The value of show-on-select will be used to show a show-on-select-trigger with the same name. '''See example 2'''.

This will show an additional text input field with the name texttest1 when you select option 1 and texttest2 will be hidden. When option 2 is chosen, then texttest2 will be shown and texttest1 hidden.
<hr>
'''show-on-checked on a radio button'''

'''Example 3''' shows you can also add a show-on-select-trigger to something different than a FlexForm _input field.
The example will hide the div with the trigger until the radio button is checked.
<hr>
'''show-on-checked on a checkbox and show-on-unchecked on a checkbox'''

'''Example 4''' show an example of how to use show-on-checked for a checkbox field.
Checkboxes can have an additional option called show-on-unchecked. So, in the example, if a checkbox is unchecked it will show test B and hide test A. If the checkbox is checked it wish show test A and hide test B

===Example===
Example 1 : Show or hide elements based on a form input change
<syntaxhighlight lang="html">
<_form action="addToWiki" show-on-select="show-on-select">
</_form>
</syntaxhighlight>

Example 2 : show-on-select on a select field
<syntaxhighlight lang="html">
<_form action="addToWiki" show-on-select="show-on-select" >
<_select name="selectme" id="selectme" >
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input>
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input>
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input>
</_select>
<_input type="text" show-on-select-trigger="testingId" name="texttest1" value="2" />
<_input type="text" show-on-select-trigger="testingId2" name="texttest2" value="1" />
</_form>
</syntaxhighlight>
<_form action="addToWiki" show-on-select="show-on-select" >
<_select name="selectme" id="selectme" >
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input>
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input>
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input>
</_select>
<_input type="text" show-on-select-trigger="testingId" name="texttest1" value="2" />
<_input type="text" show-on-select-trigger="testingId2" name="texttest2" value="1" />
</_form>

Example 3 : show-on-checked on a radio button
<syntaxhighlight lang="html">
<_form action="addToWiki" show-on-select="show-on-select">
<_input type="radio" show-on-checked="tester"/>
<div show-on-select-trigger="tester">
test checked
</div>
</_form>
</syntaxhighlight>
<_form action="addToWiki" show-on-select="show-on-select">
<_input type="radio" show-on-checked="tester"/>
<div show-on-select-trigger="tester">
test checked
</div>
</_form>

Example 4 : show-on-checked on a checkbox and show-on-unchecked on a checkbox.
<syntaxhighlight lang="html">
<_form action="addToWiki" show-on-select="show-on-select" >
<_input type="checkbox" show-on-checked="test A" show-on-unchecked="test B" />
<div show-on-select-trigger="test A">test checked</div>
<div show-on-select-trigger="test B">test unchecked</div>
</_form>
</syntaxhighlight>
<_form action="addToWiki" show-on-select="show-on-select" >
<_input type="checkbox" show-on-checked="test A" show-on-unchecked="test B" />
<div show-on-select-trigger="test A">test checked</div>
<div show-on-select-trigger="test B">test unchecked</div>
</_form>
===Note===
Form fields that are in a hidden section will not be submitted together with the form!
===Links===

DevOps:Doc/FlexForm/1.0/token

2022-02-28T12:38:12Z

Liselot Roelen:

===Name===
_token
===Type===
_token
===Synopsis===
Token input field
===Description===
Use of select2 tokens
===Parameters===
'''_token'''

'''name''' = e.g. tokenfield[]

'''allowtags''' = (no value) Allow to create values that do not exist

'''allowclear''' = allow user to clear his selection (for json ajax calls)

'''input-length-trigge'''r = integer number of characters before lookup actually happens, defaults to 3

'''id''' = '''''mandatory'''''

'''query''' = If you have semantic mediawiki installed, you can do a SMW Ask query here to fill the options list

'''callback''' = templateCallBack

'''multiple''' = multiple
===Example===
Example 1 : Search for pages in the Doc page types.
<syntaxhighlight lang="html">
<_token name="tokenfield[]" id="tokener" query="[[Class::Doc]][[Title::!!!]]" limit="99999" returntext="Title" placeholder="Search for Title" multiple="multiple">
</_token>
</syntaxhighlight>
<_token name="tokenfield[]" id="tokener" query="[[Class::Doc]][[Title::!!!]]|limit=99999|returntext=Title" placeholder="Search for Documentation Titles" multiple="multiple">
</_token>

===Note===
In a SMW Qeury the''' !!!''' will be replaced with whatever the user types.

===Links===

DevOps:Doc/FlexForm/1.0/token

2022-02-28T12:37:37Z

Liselot Roelen:

===Name===
_token
===Type===
_token
===Synopsis===
Token input field
===Description===
Use of select2 tokens
===Parameters===
'''_token'''

'''name''' = e.g. tokenfield[]

'''allowtags''' = (no value) Allow to create values that do not exist

'''allowclear''' = allow user to clear his selection (for json ajax calls)

'''input-length-trigge'''r = integer number of characters before lookup actually happens, defaults to 3

'''id''' = '''''mandatory'''''

'''query''' = If you have semantic mediawiki installed, you can do a SMW Ask query here to fill the options list

'''callback''' = templateCallBack

'''multiple''' = multiple
===Example===
Example 1 : Search for pages in the Doc page types.
<syntaxhighlight lang="html">
<_token name="tokenfield[]" id="tokener" query="[[Class::+]][[Title::!!!]]" limit="99999" returntext="Title" placeholder="Search for Title" multiple="multiple">
</_token>
</syntaxhighlight>
<_token name="tokenfield[]" id="tokener" query="[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title" placeholder="Search for Documentation Titles" multiple="multiple">
</_token>

===Note===
In a SMW Qeury the''' !!!''' will be replaced with whatever the user types.

===Links===

Template:Tree

2022-02-25T13:14:44Z

Liselot Roelen:

<i class="far fa-file"></i> [[{{{Page|}}} |{{{Title|}}}]] {{#ifexpr:{{#replace:{{PAGESIZE:{{{Page|}}} }}|,|}} < 300 |<span class="text-muted">(empty)</span>}}

Template:Tree

2022-02-25T13:13:26Z

Liselot Roelen:

<i class="far fa-file"></i> [[{{{Page|}}} |{{{Title|}}}]]

Template:Tree

2022-02-25T13:13:00Z

Liselot Roelen:

<i class="far fa-file"></i> [[{{{Page|}}}]]

Template:Tree

2022-02-25T13:12:40Z

Liselot Roelen:

<i class="far fa-file"></i> {{{Page|}}}

Template:Doc sidebar

2022-02-25T13:12:27Z

Liselot Roelen:

<noinclude>

This is the '''Doc sidebar''' template. It should be called in the following format:

<pre>
{{Doc sidebar}}
</pre>

</noinclude><includeonly>{{#vardefine:@allow sidebar edit |{{#ifingroup:user |{{#if:{{#urlget:veaction}}{{#urlget:action}}||yes}} }} }}{{#vardefine:@logo |File:{{#show:{{#caprint:$page[Doc properties][Doc subject]}}|?Title}}_logo.png }}<div class="tab-content">
<div class="card tab-pane fade show active" id="sidebar-view">
<div class="card-header">{{#ifeq:{{#var:@allow sidebar edit}} |yes |<span class="float-right">{{#widget:Button link |class=btn btn-secondary btn-sm |buttontext=Edit |onclick=ShowTab('#sidebar-edit') }}</span>}}<p class="m-0"><i class="far fa-file"></i> {{#caprint:$base[Base properties][Title]}} <span style="font-size:8px;">({{PAGESIZE:{{FULLPAGENAME}}}} bytes)</span></p>
</div>
<div class="card-body">{{#ifexist:{{#var:@logo}}|[[{{#var:@logo}}|150px]]}}
{{#if: {{#caprint:$page[Doc properties][Subject version]}} | {{Sidebar item
|Label=[[{{#caprint:$page[Doc properties][Doc subject]}}]]
| Value=Version {{#caprint:$page[Doc properties][Subject version]}}}} | {{Sidebar item
|Label=[[{{#caprint:$page[Doc properties][Doc subject]}}]]
}} }}{{Sidebar item
|Value=<b>Target audience</b>: {{#caprint:$page[Doc properties][Doc target group]}}
}}{{Sidebar item
|Value=[https://open-csp.org/DevOps:Page/3?filters=Doc+subject^^{{PAGENAME:{{#caprint:$page[Doc properties][Doc subject]}}}} Search Docs]}}
</div>
</div>{{#ifeq:{{#var:@allow sidebar edit}} |yes |<wsform action="addToWiki" class="tab-pane fade" id="sidebar-edit">
<div class="card">{{#tag:wsedit ||target={{PAGEID}} |template=Base properties |formfield=Title |mwslot=ws-base-props}}{{#if:{{#casize:$class}}
|{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc subject |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc parent |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc sort order |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc target group |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Subject version |mwslot=ws-page-props}}
|<wscreate mwwrite="{{FULLPAGENAME}}" mwtemplate="Doc properties" mwslot="ws-page-props" mwfields="Doc subject,Doc parent,Doc sort order,Doc target group,Subject version" />
}}

<div class="card-header"><span style="float:right">{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}</span>
<b class="d-block">{{#caprint:$base[Base properties][Class]}}</b>
{{#caprint:$base[Base properties][Title]}}
</div>
<div class="card-body">
{{Sidebar item
|Label=Title
|Value={{#tag:wsfield ||type=text |name=Title |required=required |class=form-control |value={{#caprint:$base[Base properties][Title]}} }}
}}
{{Sidebar item
|Label=Doc subject
|Value={{#tag:wsfield ||type=text |name=Doc subject |required=required |class=form-control |value={{#caprint:$page[Doc properties][Doc subject]}} }}
}}
{{Sidebar item
|Label=Doc parent
|Value={{#tag:wstoken
|{{#caamap:{{#caprint:$page[Doc properties][Doc parent]}} |,|__Value__|{{#tag:wsfield |{{#show:__Value__ |?Title}}|type=option|value=__Value__|selected=selected}} |}}
|id=Doc-parent-tokens
|name=Doc parent[]
|placeholder=Search...
|multiple=
|query=[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title
}}
}}
{{Sidebar item
|Label=Doc sort order
|Value={{#tag:wsfield ||type=number |name=Doc sort order |required=required |class=form-control |value={{#caprint:$page[Doc properties][Doc sort order]}} }}
}}
{{Sidebar item
|Label=Doc target group
|Value={{#tag:wsselect |
{{#caamap: {{Wiki:Setting/Doc target group}} |,|__Value__|{{#tag:wsfield|__Value__|type=option|value=__Value__}}|}}
|type=text |name=Doc target group |required=required |value={{#caprint:$page[Doc properties][Doc target group]}}
}}
}}
{{Sidebar item
|Label=Subject version
|Value={{#tag:wsfield ||type=text |name=Subject version |class=form-control |value={{#caprint:$page[Doc properties][Subject version]}} }}
}}

<div class="text-right">
{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}
<wsfield type="submit" value="Save" class="btn btn-primary" />
</div>
</ul>
</div>
</div>
</wsform>|}}
</div><div class="treeview w-20 border"><h6 class="pt-3 pl-3">Related documents</h6><hr>{{#if:{{#caprint:$page[Doc properties][Doc subject]}}|{{#ask:[[Doc subject::{{#caprint:$page[Doc properties][Doc subject]}}]][[!{{#caprint:$page[Doc properties][Doc subject]}}]]
|?=Page
|?Title
|link=none
|format=tree
|template=tree
|parent=Doc parent
|order=desc,asc,asc
|sort=Doc target group,Doc sort order,Title
}} }}</div></includeonly>

Template:Tree

2022-02-25T13:11:43Z

Liselot Roelen:

<i class="far fa-file"></i> {{{1|}}}

Template:Doc sidebar

2022-02-25T13:11:19Z

Liselot Roelen:

<noinclude>

This is the '''Doc sidebar''' template. It should be called in the following format:

<pre>
{{Doc sidebar}}
</pre>

</noinclude><includeonly>{{#vardefine:@allow sidebar edit |{{#ifingroup:user |{{#if:{{#urlget:veaction}}{{#urlget:action}}||yes}} }} }}{{#vardefine:@logo |File:{{#show:{{#caprint:$page[Doc properties][Doc subject]}}|?Title}}_logo.png }}<div class="tab-content">
<div class="card tab-pane fade show active" id="sidebar-view">
<div class="card-header">{{#ifeq:{{#var:@allow sidebar edit}} |yes |<span class="float-right">{{#widget:Button link |class=btn btn-secondary btn-sm |buttontext=Edit |onclick=ShowTab('#sidebar-edit') }}</span>}}<p class="m-0"><i class="far fa-file"></i> {{#caprint:$base[Base properties][Title]}} <span style="font-size:8px;">({{PAGESIZE:{{FULLPAGENAME}}}} bytes)</span></p>
</div>
<div class="card-body">{{#ifexist:{{#var:@logo}}|[[{{#var:@logo}}|150px]]}}
{{#if: {{#caprint:$page[Doc properties][Subject version]}} | {{Sidebar item
|Label=[[{{#caprint:$page[Doc properties][Doc subject]}}]]
| Value=Version {{#caprint:$page[Doc properties][Subject version]}}}} | {{Sidebar item
|Label=[[{{#caprint:$page[Doc properties][Doc subject]}}]]
}} }}{{Sidebar item
|Value=<b>Target audience</b>: {{#caprint:$page[Doc properties][Doc target group]}}
}}{{Sidebar item
|Value=[https://open-csp.org/DevOps:Page/3?filters=Doc+subject^^{{PAGENAME:{{#caprint:$page[Doc properties][Doc subject]}}}} Search Docs]}}
</div>
</div>{{#ifeq:{{#var:@allow sidebar edit}} |yes |<wsform action="addToWiki" class="tab-pane fade" id="sidebar-edit">
<div class="card">{{#tag:wsedit ||target={{PAGEID}} |template=Base properties |formfield=Title |mwslot=ws-base-props}}{{#if:{{#casize:$class}}
|{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc subject |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc parent |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc sort order |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc target group |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Subject version |mwslot=ws-page-props}}
|<wscreate mwwrite="{{FULLPAGENAME}}" mwtemplate="Doc properties" mwslot="ws-page-props" mwfields="Doc subject,Doc parent,Doc sort order,Doc target group,Subject version" />
}}

<div class="card-header"><span style="float:right">{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}</span>
<b class="d-block">{{#caprint:$base[Base properties][Class]}}</b>
{{#caprint:$base[Base properties][Title]}}
</div>
<div class="card-body">
{{Sidebar item
|Label=Title
|Value={{#tag:wsfield ||type=text |name=Title |required=required |class=form-control |value={{#caprint:$base[Base properties][Title]}} }}
}}
{{Sidebar item
|Label=Doc subject
|Value={{#tag:wsfield ||type=text |name=Doc subject |required=required |class=form-control |value={{#caprint:$page[Doc properties][Doc subject]}} }}
}}
{{Sidebar item
|Label=Doc parent
|Value={{#tag:wstoken
|{{#caamap:{{#caprint:$page[Doc properties][Doc parent]}} |,|__Value__|{{#tag:wsfield |{{#show:__Value__ |?Title}}|type=option|value=__Value__|selected=selected}} |}}
|id=Doc-parent-tokens
|name=Doc parent[]
|placeholder=Search...
|multiple=
|query=[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title
}}
}}
{{Sidebar item
|Label=Doc sort order
|Value={{#tag:wsfield ||type=number |name=Doc sort order |required=required |class=form-control |value={{#caprint:$page[Doc properties][Doc sort order]}} }}
}}
{{Sidebar item
|Label=Doc target group
|Value={{#tag:wsselect |
{{#caamap: {{Wiki:Setting/Doc target group}} |,|__Value__|{{#tag:wsfield|__Value__|type=option|value=__Value__}}|}}
|type=text |name=Doc target group |required=required |value={{#caprint:$page[Doc properties][Doc target group]}}
}}
}}
{{Sidebar item
|Label=Subject version
|Value={{#tag:wsfield ||type=text |name=Subject version |class=form-control |value={{#caprint:$page[Doc properties][Subject version]}} }}
}}

<div class="text-right">
{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}
<wsfield type="submit" value="Save" class="btn btn-primary" />
</div>
</ul>
</div>
</div>
</wsform>|}}
</div><div class="treeview w-20 border"><h6 class="pt-3 pl-3">Related documents</h6><hr>{{#if:{{#caprint:$page[Doc properties][Doc subject]}}|{{#ask:[[Doc subject::{{#caprint:$page[Doc properties][Doc subject]}}]][[!{{#caprint:$page[Doc properties][Doc subject]}}]]
|format=tree
|template=tree
|parent=Doc parent
|order=desc,asc,asc
|sort=Doc target group,Doc sort order,Title
}} }}</div></includeonly>

Template:Tree

2022-02-25T13:11:12Z

Liselot Roelen:

<i class="far fa-file"></i>{{{1|}}}

Template:Tree

2022-02-25T13:10:49Z

Liselot Roelen: empty weer weghalen

<i class="far fa-file"></i>[[{{{1|}}}]]

Template:Tree

2022-02-25T13:09:31Z

Liselot Roelen:

<i class="far fa-file"></i>[[{{{1|}}}]]{{#ifexpr:{{#replace:{{PAGESIZE:{{{1|}}} }}|,|}} < 300 |<span class="text-muted">(empty)</span>}}

Template:Tree

2022-02-25T13:07:40Z

Liselot Roelen:

<i class="far fa-file"></i>[[{{{1|}}}]] {{#ifexpr:{{#replace:{{PAGESIZE:{{{1|}}} }}|,|}} < 300 |<span class="text-muted">(empty)</span>}}

Template:Tree

2022-02-25T13:07:10Z

Liselot Roelen:

<i class="far fa-file"></i>[[{{{1|}}}]] {{#ifexpr:{{#replace:{{PAGESIZE:{{{1|}}}|,|}} }} < 300 |<span class="text-muted">(empty)</span>}}

Template:Tree

2022-02-25T13:06:29Z

Liselot Roelen:

<i class="far fa-file"></i>[[{{{1|}}}]] {{#ifexpr:{{PAGESIZE:{{{1|}}} }} < 300 |<span class="text-muted">(empty)</span>}}

Template:Tree

2022-02-25T13:05:35Z

Liselot Roelen:

<i class="far fa-file"></i>[[{{{1|}}}]]

Template:Doc sidebar

2022-02-25T13:05:07Z

Liselot Roelen:

<noinclude>

This is the '''Doc sidebar''' template. It should be called in the following format:

<pre>
{{Doc sidebar}}
</pre>

</noinclude><includeonly>{{#vardefine:@allow sidebar edit |{{#ifingroup:user |{{#if:{{#urlget:veaction}}{{#urlget:action}}||yes}} }} }}{{#vardefine:@logo |File:{{#show:{{#caprint:$page[Doc properties][Doc subject]}}|?Title}}_logo.png }}<div class="tab-content">
<div class="card tab-pane fade show active" id="sidebar-view">
<div class="card-header">{{#ifeq:{{#var:@allow sidebar edit}} |yes |<span class="float-right">{{#widget:Button link |class=btn btn-secondary btn-sm |buttontext=Edit |onclick=ShowTab('#sidebar-edit') }}</span>}}<p class="m-0"><i class="far fa-file"></i> {{#caprint:$base[Base properties][Title]}} <span style="font-size:8px;">({{PAGESIZE:{{FULLPAGENAME}}}} bytes)</span></p>
</div>
<div class="card-body">{{#ifexist:{{#var:@logo}}|[[{{#var:@logo}}|150px]]}}
{{#if: {{#caprint:$page[Doc properties][Subject version]}} | {{Sidebar item
|Label=[[{{#caprint:$page[Doc properties][Doc subject]}}]]
| Value=Version {{#caprint:$page[Doc properties][Subject version]}}}} | {{Sidebar item
|Label=[[{{#caprint:$page[Doc properties][Doc subject]}}]]
}} }}{{Sidebar item
|Value=<b>Target audience</b>: {{#caprint:$page[Doc properties][Doc target group]}}
}}{{Sidebar item
|Value=[https://open-csp.org/DevOps:Page/3?filters=Doc+subject^^{{PAGENAME:{{#caprint:$page[Doc properties][Doc subject]}}}} Search Docs]}}
</div>
</div>{{#ifeq:{{#var:@allow sidebar edit}} |yes |<wsform action="addToWiki" class="tab-pane fade" id="sidebar-edit">
<div class="card">{{#tag:wsedit ||target={{PAGEID}} |template=Base properties |formfield=Title |mwslot=ws-base-props}}{{#if:{{#casize:$class}}
|{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc subject |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc parent |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc sort order |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc target group |mwslot=ws-page-props}}
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Subject version |mwslot=ws-page-props}}
|<wscreate mwwrite="{{FULLPAGENAME}}" mwtemplate="Doc properties" mwslot="ws-page-props" mwfields="Doc subject,Doc parent,Doc sort order,Doc target group,Subject version" />
}}

<div class="card-header"><span style="float:right">{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}</span>
<b class="d-block">{{#caprint:$base[Base properties][Class]}}</b>
{{#caprint:$base[Base properties][Title]}}
</div>
<div class="card-body">
{{Sidebar item
|Label=Title
|Value={{#tag:wsfield ||type=text |name=Title |required=required |class=form-control |value={{#caprint:$base[Base properties][Title]}} }}
}}
{{Sidebar item
|Label=Doc subject
|Value={{#tag:wsfield ||type=text |name=Doc subject |required=required |class=form-control |value={{#caprint:$page[Doc properties][Doc subject]}} }}
}}
{{Sidebar item
|Label=Doc parent
|Value={{#tag:wstoken
|{{#caamap:{{#caprint:$page[Doc properties][Doc parent]}} |,|__Value__|{{#tag:wsfield |{{#show:__Value__ |?Title}}|type=option|value=__Value__|selected=selected}} |}}
|id=Doc-parent-tokens
|name=Doc parent[]
|placeholder=Search...
|multiple=
|query=[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title
}}
}}
{{Sidebar item
|Label=Doc sort order
|Value={{#tag:wsfield ||type=number |name=Doc sort order |required=required |class=form-control |value={{#caprint:$page[Doc properties][Doc sort order]}} }}
}}
{{Sidebar item
|Label=Doc target group
|Value={{#tag:wsselect |
{{#caamap: {{Wiki:Setting/Doc target group}} |,|__Value__|{{#tag:wsfield|__Value__|type=option|value=__Value__}}|}}
|type=text |name=Doc target group |required=required |value={{#caprint:$page[Doc properties][Doc target group]}}
}}
}}
{{Sidebar item
|Label=Subject version
|Value={{#tag:wsfield ||type=text |name=Subject version |class=form-control |value={{#caprint:$page[Doc properties][Subject version]}} }}
}}

<div class="text-right">
{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}
<wsfield type="submit" value="Save" class="btn btn-primary" />
</div>
</ul>
</div>
</div>
</wsform>|}}
</div><div class="treeview w-20 border"><h6 class="pt-3 pl-3">Related documents</h6><hr>{{#if:{{#caprint:$page[Doc properties][Doc subject]}}|{{#ask:[[Doc subject::{{#caprint:$page[Doc properties][Doc subject]}}]][[!{{#caprint:$page[Doc properties][Doc subject]}}]]
|format=tree
|template=tree
|parent=Doc parent
|order=desc,asc,asc
|link=none
|sort=Doc target group,Doc sort order,Title
}} }}</div></includeonly>

DevOps:Doc/FlexForm/1.0/input/textarea

2022-02-24T10:51:32Z

Liselot Roelen:

DevOps:Doc/FlexForm/1.0/input/textarea

2022-02-24T10:49:28Z

Liselot Roelen:

5

2022-02-23T13:51:55Z

Liselot Roelen: User:Liselot Roelen

5/edit

2022-02-23T13:51:41Z

Liselot Roelen:

<_form action="addToWiki">
<_edit target=":5" template="Test" formfield="Text" />
<_input type="text" name="Text" value="" placeholder="Write text here" />
<_input type="submit" value="Save" class="btn btn-primary"/>
</_form>

5

2022-02-23T13:49:52Z

Liselot Roelen:

5/edit

2022-02-23T13:49:41Z

Liselot Roelen: Created page with "<_form action="addToWiki"> <_edit target="5" template="Test" formfield="Text" /> <_input type="text" name="Text" value="" placeholder="Write text here" /> <_input type="submit..."

<_form action="addToWiki">
<_edit target="5" template="Test" formfield="Text" />
<_input type="text" name="Text" value="" placeholder="Write text here" />
<_input type="submit" value="Save" class="btn btn-primary"/>
</_form>

5

2022-02-23T13:40:43Z

Liselot Roelen: Created page with "Test"

Test

DevOps:Doc/FlexForm/1.0/edit/demo

2022-02-23T13:31:12Z

Liselot Roelen: User:Liselot Roelen

{{Test
|Text=123
}}

<_form action="addToWiki">
<_edit target="{{PAGEID}}" template="Test" formfield="Text" />
<_input type="text" name="Text" value="" placeholder="Write text here" />
<_input type="submit" value="Save" class="btn btn-primary"/>
</_form>

DevOps:Doc/FlexForm/1.0/edit/demo

2022-02-23T13:31:09Z

Liselot Roelen:

{{Test
|Text=abc
}}

<_form action="addToWiki">
<_edit target="{{PAGEID}}" template="Test" formfield="Text" />
<_input type="text" name="Text" value="" placeholder="Write text here" />
<_input type="submit" value="Save" class="btn btn-primary"/>
</_form>

DevOps:Doc/FlexForm/1.0/edit/demo

2022-02-23T11:32:13Z

Liselot Roelen: replace "ws" with "_"

{{Test
|Text=abc
}}

<_form action="addToWiki">
<_edit target="{{PAGEID}}" template="Test" formfield="Text" />
<_field type="text" name="Text" value="" placeholder="Write text here" />

<_field type="submit" value="Save" class="btn btn-primary"/>
</_form>

DevOps:Doc/FlexForm/1.0/edit/demo

2022-02-23T11:30:12Z

Liselot Roelen:

{{Test
|Text=abc
}}

<wsform action="addToWiki">
<wsedit target="{{PAGEID}}" template="Test" formfield="Text" />
<wsfield type="text" name="Text" value="" placeholder="Write text here" />

<wsfield type="submit" value="Save" class="btn btn-primary"/>
</wsform>

DevOps:Doc/FlexForm/1.0/edit/demo

2022-02-23T11:28:07Z

Liselot Roelen:

DevOps:Doc/FlexForm/1.0/edit/demo

2022-02-23T11:27:32Z

Liselot Roelen: User:Liselot Roelen

DevOps:Doc/FlexForm/1.0/edit/demo

2022-02-23T11:27:28Z

Liselot Roelen: Created page with "{{Test |Text=AA }} <wsform action="addToWiki"> <wsedit target="{{PAGEID}}" template="Test" formfield="Text" /> <wsfield type="text" name="Text" value="" placeholder="Write te..."

{{Test
|Text=AA
}}

<wsform action="addToWiki">
<wsedit target="{{PAGEID}}" template="Test" formfield="Text" />
<wsfield type="text" name="Text" value="" placeholder="Write text here" />

<wsfield type="submit" value="Save" class="btn btn-primary"/>
</wsform>

Template:Test

2022-02-23T11:26:41Z

Liselot Roelen: Created page with "Test text = {{{Text|}}}"

Test text = {{{Text|}}}

DevOps:Doc/FlexForm/1.0/token

2022-02-23T10:30:20Z

Liselot Roelen:

===Name===
_token
===Type===
_token
===Synopsis===
Token input field
===Description===
Use of select2 tokens
===Parameters===
'''_token'''

'''name''' = e.g. tokenfield[]

'''allowtags''' = (no value) Allow to create values that do not exist

'''allowclear''' = allow user to clear his selection (for json ajax calls)

'''input-length-trigge'''r = integer number of characters before lookup actually happens, defaults to 3

'''id''' = '''''mandatory'''''

'''query''' = If you have semantic mediawiki installed, you can do a SMW Ask query here to fill the options list

'''callback''' = templateCallBack

'''multiple''' = multiple
===Example===
Example 1 : Search for pages in the Doc page types.
<syntaxhighlight lang="html">
<_token name="tokenfield[]" id="tokener" query="[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title" placeholder="Search for Documentation Titles" multiple="multiple">
</_token>/>
</syntaxhighlight>
<_token name="tokenfield[]" id="tokener" query="[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title" placeholder="Search for Documentation Titles" multiple="multiple">
</_token>

===Note===
In a SMW Qeury the''' !!!''' will be replaced with whatever the user types.

===Links===

DevOps:Doc/FlexForm/1.0/token

2022-02-23T10:29:06Z

Liselot Roelen: Undo revision 292 by Liselot Roelen (talk)

===Name===
_token
===Type===
_token
===Synopsis===
Token input field
===Description===
Use of select2 tokens
===Parameters===
'''_token'''

'''name''' = e.g. tokenfield[]

'''allowtags''' = (no value) Allow to create values that do not exist

'''allowclear''' = allow user to clear his selection (for json ajax calls)

'''input-length-trigge'''r = integer number of characters before lookup actually happens, defaults to 3

'''id''' = '''''mandatory'''''

'''query''' = If you have semantic mediawiki installed, you can do a SMW Ask query here to fill the options list

'''callback''' = templateCallBack

'''multiple''' = multiple
===Example===
This example accepts only a value between 0 and 10 with steps of 0.01 (e.g. 2.21)
Example 1 : Search for pages in the Doc page types.
<syntaxhighlight lang="html">
<_token name="tokenfield[]" id="tokener" query="[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title" placeholder="Search for Documentation Titles" multiple="multiple">
</_token>/>
</syntaxhighlight>
<_token name="tokenfield[]" id="tokener" query="[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title" placeholder="Search for Documentation Titles" multiple="multiple">
</_token>

===Note===
In a SMW Qeury the''' !!!''' will be replaced with whatever the user types.

===Links===

DevOps:Doc/FlexForm/1.0/token

2022-02-23T10:28:30Z

Liselot Roelen:

===Name===
_token
===Type===
_token
===Synopsis===
Token input field
===Description===
Use of select2 tokens
===Parameters===
'''_token'''

'''name''' = e.g. tokenfield[]

'''allowtags''' = (no value) Allow to create values that do not exist

'''allowclear''' = allow user to clear his selection (for json ajax calls)

'''input-length-trigge'''r = integer number of characters before lookup actually happens, defaults to 3

'''id''' = '''''mandatory'''''

'''query''' = If you have semantic mediawiki installed, you can do a SMW Ask query here to fill the options list

'''callback''' = templateCallBack

'''multiple''' = multiple
===Example===
Example 1 : Search for pages in the Doc page types.
<syntaxhighlight lang="html">
<_token name="tokenfield[]" id="tokener" query="[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title" placeholder="Search for Documentation Titles" multiple="multiple">
</_token>/>
</syntaxhighlight>
<_token name="tokenfield[]" id="tokener" query="[[Class::+]][[Title::!!!]]|limit=99999|returntext=Title" placeholder="Search for Documentation Titles" multiple="multiple">
</_token>

===Note===
In a SMW Qeury the''' !!!''' will be replaced with whatever the user types.

===Links===