CSP Wiki - User contributions [en]

DevOps:Doc/FlexForm/2.0/ShowOnSelect

2026-03-24T11:36:56Z

Charlot:

===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===
'''<code>show-on-select</code> 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>
'''<code>show-on-select</code> 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>
'''<code>show-on-checked</code> 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>
'''<code>show-on-checked</code> on a checkbox and <code>show-on-unchecked</code> on a checkbox'''

'''Example 4''' shows 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 5''' shows an example of how to use show-on-select when a certain value is equalled.
You can use this on e.g. an input field of type text. When a certain text is entered and it equals a predefined value it will trigger the show on select

'''Example 6''' shows an example of how to use show-on-select when a certain value is found.
You can use this on e.g. an input field of type text. When a certain text is entered and it contains a predefined value it will trigger the show on select

'''Example 7''' shows an example of how to use show-on-select when one or two conditions need to be selected before show-on-select is triggered. ( OR Trigger )
The example will show a div when a value is selected in a selectbox OR a checkbox has been checked

'''Example 8''' shows an example of how to use show-on-select when two conditions need to be selected before show-on-select is triggered. ( AND Trigger )
The example will show a div when a value is selected in a selectbox AND a radio button has been selected

===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>
<hr>
Example 2 : show-on-select on a select field
<syntaxhighlight lang="html">
<form show-on-select="show-on-select">
<select name="selectme" id="selectme" >
<option for="selectme" show-on-select="testingId2" selected="selected" value="1">1</option>
<option for="selectme" show-on-select="testingId" value="2">2</option>
<option for="selectme" show-on-select="testingId3" value="3">3</option>
</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 show-on-select="show-on-select" restrictions="lifted" >
<select name="selectme" id="selectme" >
<option for="selectme" show-on-select="testingId2" selected="selected" value="1">1</option>
<option for="selectme" show-on-select="testingId" value="2">2</option>
<option for="selectme" show-on-select="testingId3" value="3">3</option>
</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>
<hr>
Example 3 : show-on-checked on a radio button
<syntaxhighlight lang="html">
<form 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 show-on-select="show-on-select" restrictions="lifted" >
<input type="radio" show-on-checked="tester"/>
<div show-on-select-trigger="tester">
test checked
</div>
</form>
<hr>
Example 4 : show-on-checked on a checkbox and show-on-unchecked on a checkbox.
<syntaxhighlight lang="html">
<form show-on-select="show-on-select" restrictions="lifted" >
<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" restrictions="lifted" >
<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>
<hr>
Example 5 : show-on-select when a user input equals a predefined value
<syntaxhighlight lang="html">
<form show-on-select="show-on-select" >
<input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"
<div show-on-select-trigger="testingId" show-on-select-type="equals::testingValue" >
<span> Show this when the input value is equal to the text: testingValue </span>
</div>
</form>
</syntaxhighlight>
<form show-on-select="show-on-select" restrictions="lifted" >
<input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"
<div show-on-select-trigger="testingId" show-on-select-type="equals::testingValue">
<span> Show this when the input value is equal to the text: testingValue </span>
</div>
</form>

<hr>
Example 6 : show-on-select when a user input contains a predefined value
<syntaxhighlight lang="html">
<form show-on-select="show-on-select">
<input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"
<div show-on-select-trigger="testingId" show-on-select-type="contains::testingValue">
<span> Show this when the input value is equal to the text: testingValue </span>
</div>
</form>
</syntaxhighlight>
<form show-on-select="show-on-select" restrictions="lifted" >
<input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"
<div show-on-select-trigger="testingId" show-on-select-type="contains::testingValue">
<span> Show this when the input value contains to the text: testingValue </span>
</div>
</form>

<hr>
Example 7 : The example will show a div when 2 is selected in the select box OR the checkbox has been checked
<syntaxhighlight lang="html">
<form show-on-select="show-on-select">
<select name="selectme" id="selectme" >
<option for="selectme" show-on-select="testingId2" selected="selected" value="1">1</option >
<option for="selectme" show-on-select="testingId" value="2">2</option >
<option for="selectme" show-on-select="testingId3" value="3">3</option >
</select>
<input type="checkbox" show-on-checked="test A" />

<div show-on-select-trigger="testingId||test A">
This will be shown if one of the conditions is true
</div>
</form>
</syntaxhighlight>
<form show-on-select="show-on-select" restrictions="lifted" >
<select name="selectme" id="selectme" >
<option for="selectme" show-on-select="testingId2" selected="selected" value="1">1</option >
<option for="selectme" show-on-select="testingId" value="2">2</option >
<option for="selectme" show-on-select="testingId3" value="3">3</option >
</select>
<input type="checkbox" show-on-checked="test A" />

<div show-on-select-trigger="testingId||test A">
This will be shown if one of the conditions is true
</div>
</form>

<hr>
Example 8 : The example will show a div when 2 is selected in the select box AND the radiobutton is selected
<syntaxhighlight lang="html">
<form show-on-select="show-on-select">
<select name="selectme" id="selectme2" >
<option for="selectme2" show-on-select="testingId2" selected="selected" value="1">1</option >
<option for="selectme2" show-on-select="testingId" value="2">2</option >
<option for="selectme2" show-on-select="testingId3" value="3">3</option >
</select>
<input type="radio" show-on-checked="test A" />

<div show-on-select-trigger="testingId&&test A">
This will be shown if both conditions are true
</div>
</form>
</syntaxhighlight>
<form show-on-select="show-on-select" restrictions="lifted" >
<select name="selectme" id="selectme2" >
<option for="selectme2" show-on-select="testingId2" selected="selected" value="1">1</option >
<option for="selectme2" show-on-select="testingId" value="2">2</option >
<option for="selectme2" show-on-select="testingId3" value="3">3</option >
</select>
<input type="radio" show-on-checked="test A" />

<div show-on-select-trigger="testingId&&test A">
This will be shown if both conditions are true
</div>
</form>

===Note===
* Form fields that are in a hidden section will not be submitted together with the form!
* Currently if the AND or OR triggers are wrongly defined, no form will be rendered. It's on the list to be fixed.
* There is one notable difference between the way FlexForm and Page Forms let you tie multiple selectors to the same selectable area, aside from differences in their choice of attributes. Where PageForms insists that each selectable area has a unique ID and lets you connect it to one or multiple selectors, FlexForm lets you assign one or multiple identifiers (<code>show-on-select-trigger</code>) to each selectable area while insisting that the <code>show-on-select</code> attributes are unique to individual selectors.
* When you have multiple select elements in a form, you need to add the '''<code>for=</code>''' argument to every option field. The value should be the value of the '''select''' '''''id''''' argument. This ways, regardless in what order MediaWiki will parse the form element, FlexForm will always know what option fields belong to what select element.

===Links===
Tutorial on show-on-select : https://wikibase-solutions.com/developer-logs/flexform-show-on-select?WSLanguage=en

DevOps:Doc/FlexForm/2.1/input/file/examples

2024-02-23T10:26:57Z

Charlot:

==== Example 1 ====
This will upload a file. If the filename is DCM10001.jpg, the file will be uploaded as '''pictures-DCM10001-732138982.jpg''', The filepage will have '''Information of the test file'''. Finally using '''error_id''' and '''verbose_id''', means the user should add two div's, one with an id="div-error" and one with an id="div-verbose" with these name themselves.
<syntaxhighlight lang="html">
<input type="file" id="file-upload" name="test" target="pictures-[filename]-[mwrandom]" pagecontent="Information of the test file" error_id="div-error" verbose_id="div-verbose" />
</syntaxhighlight>

==== Example 2 ====
Always make sure an image will be transformed to jpeg.

Allow for multiple file upload.

Add form text field "description" on the files page content.
<syntaxhighlight lang="html">
<form enctype="multipart/form-data" >
<input type="file" id="file-upload" name="myfile" multiple="multiple" parsecontent target="pictures-[filename]-[mwrandom]" pagecontent="Information for this image: [description]" force="jpg" />
<input type="text" name="description" />
<input type="submit" value="upload" />
</form>
</syntaxhighlight>

==== Example 3 ====
Store a template to the pagecontent. You can use this if you want the filepage to have structured content or if you want to store structured data with an extension like SMW.<syntaxhighlight lang="html">
<form enctype="multipart/form-data" >
<input type="file" id="file-upload" name="myfile" target="picture-[mwrandom]" parsecontent template="Uploaded file" pagecontent="[flexform-template]|Uploaded from page={{FULLPAGENAME}}|Uploaded by={{CURRENTLOGGEDUSER}}|Comment=[Comment][/flexform-template]" />
<input type="text" name="Comment" placeholder="Comment" />
<input type="submit" value="upload" />
</form>

</syntaxhighlight>

==== Example 4 ====
Convert a Microsoft Docx document to a page in the Wiki. In our example the pagename will be the filename.
<syntaxhighlight lang="html">
<form enctype="multipart/form-data" messageonsuccess="File has been converted and uploaded">
<input type="file" name="myfile" id="file-upload" multiple="multiple" parsecontent target="[filename]" pagecontent="This image belongs to : [filename]" action="convertfrom:docx" comment="converted and uploaded from {{PAGENAME}}" />
<input type="submit" value="upload" />
</form>

</syntaxhighlight>

==== Example 5 ====
Convert a Microsoft Excel document to a page in the Wiki. The Excel content is stored in json format in a slot and a create is used to also store a template in the main slot.
<syntaxhighlight lang="html">
<form enctype="multipart/form-data" messageonsuccess="File has been converted and uploaded">
<div class="form-group">
<fieldset class="form-group"><legend>Upload and convert Excel to Json</legend>
<_create noseo mwwrite="[FFUploadedFile-NewName-myfile]" mwtemplate="Test excel convert" mwfields="FFUploadedFile-UploadName-myfile::Original filename" />
<input type="file" class="form-control-file" id="testingFile" name="myfile" parsecontent target="[filename]" action="convertfrom:xlsx" slot="ws-data" comment="converted and uploaded from {{PAGENAME}}" accept=".xlsx" target="excel-data-[mwrandom]-[filename]" />
<input type="submit" value="upload" />
</fieldset>
</div>
</form>
</syntaxhighlight>

DevOps:Doc/FlexForm/2.0/Installation of FlexForm

2023-12-06T14:34:54Z

Charlot: User:Charlot

FlexForm is installed using [https://www.mediawiki.org/wiki/Composer/For_extensions Composer]:

<syntaxhighlight lang="php">
composer require open-csp/flex-form
</syntaxhighlight>

You can install FlexForm from [https://github.com/Open-CSP/FlexForm github] by installing it in extensions/Flex-Form. You do have to run composer --update inside that folder after installation to get all dependencies.

==== Setup ====
You can tweak '''FlexForm''' to an extent in your <code>LocalSettings.php</code> file:

<syntaxhighlight lang="php">
// Will render form that makes no sense when inspected in the browser.
$wgFlexFormConfig['secure'] = true;

// A salt key for encryption. Used together with "secure" option. Must be set when using multiple instances of a wiki.
$wgFlexFormConfig['sec_key'] = "";

// Interval time in ms, defaults to 3 minutes (180000 ms). Form is submitted on each interval regardless of changes.
$wgFlexFormConfig['auto_save_interval'] = 30000;

// Time in ms, defaults to 3 seconds (3000 ms). Form is submitted after the specified time, timer starts when there is a change in the form. Timer resets if there is another change before the time has passed.
$wgFlexFormConfig['auto_save_after_change'] = 3000;

// Text on the autosave button to toggle on.
$wgFlexFormConfig['auto_save_btn_on'] = 'Autosave on';

// Text on the autosave button to toggle off.
$wgFlexFormConfig['auto_save_btn_off'] = 'Autosave off';

// Currently the only form.
$wgFlexFormConfig['FlexFormDefaultTheme'] = "plain";

// reCaptcha site key.
$wgFlexFormConfig['rc_site_key'] = "";

// reCaptcha secret key.
$wgFlexFormConfig['rc_secret_key'] = "";

// Where to store images temporarily that need to be format converted.
$wgFlexFormConfig['file_temp_path'] = "";

// Defaults to false. Set to yes if FlexForm is allowed to create new users.
$wgFlexFormConfig['can_create_user'] = "";

// Defaults to false. Will filter all parser arguments to plain text, except value parameters. Will also disallow onClick and onFocus parameter. This feature will most likely be removed in future updates.
$wgFlexFormConfig['filter_input_tags'] = false;

// Defaults to what is described by the loadscript form argument. When you change it do a different folder, then loadScript argument will be looking in this folder for its JavaScript file to load with the Form.
$wgFlexFormConfig['loadScriptPath'] = "";

// Defaults to sysop. Only a user in the allowedGroups is able to edit pages with a FlexForm in the source.
$wgFlexFormConfig['allowedGroups'] = ["sysop","moderator"];

// Defaults to true. When a user in the allowedGroups creates a form it will become valid and will be rendered. Someone not in the allowedGroups can create a form and save it, but it will never be rendered until a user from the allowedGroups will edit and re-save the page. Only then will a form become valid. The message "FORM CANNOT BE RENDERED, NOT VALIDATED" will be shown instead of the form when it is invalid or depending on the next setting an image stating it cannot be rendered.
$wgFlexFormConfig['renderonlyapprovedforms'] = true;

// When a form is invalid, an invalid image will be rendered instead of the form. Set to true to render i18n invalid message.
$wgFlexFormConfig['renderi18nErrorInsteadofImageForApprovedForms'] = false;

// Defaults to false. This differs from FlexForm before 2.0. FlexForm will now honor the UserCan functions in MediaWiki. If a form edits or creates a page a user has no rights to, the form will fail.
$wgFlexFormConfig['userscaneditallpages'] = false;

// Defaults to true. If a user is not in the allowedGroups then hide edit and editsource menu items for any page containing a FlexForm form.
$wgFlexFormConfig['hideEdit'] = true;

// Defaults to false. Will turn titles given to wscreate into url friendly slugs. Creating only latin character and converting spaces and special characters.
$wgFlexFormConfig['create-seo-titles'] = true;

// If you have a custom/different version of Pandoc than the one set by your hosting provider, you can add its local path here and FlexForm will use it, instead of the one set by environment variables
$wgFlexFormConfig['pandoc-install-path'] = $IP . '/bin/pandoc'; // This will look for Pandoc executable in the root/bin of your MediaWiki instalment

// FlexForm will by default always do an extra null edit on a save or an edit. This is mainly due to SMW. Not always this is necessary, so with this option you can turn it off. ( resulting in less handling time )
$wgFlexFormConfig['forceNullEdit'] = true; // Default to true for backwards compatibility

// When sending email, should we use separate smtp?
$wgFlexFormConfig['use_smtp'] = false;

$wgFlexFormConfig['smtp_authentication'] = true;

$wgFlexFormConfig['smtp_username'] = "";

$wgFlexFormConfig['smtp_password'] = "";

$wgFlexFormConfig['smtp_secure'] = "TLS";

$wgFlexFormConfig['smtp_port'] = "587";

</syntaxhighlight>

==== Installation ====
* Add the following line at the end of your <code>LocalSettings.php</code> to enable the extension:

<syntaxhighlight lang="php">
wfLoadExtension( 'FlexForm' );
</syntaxhighlight>

* It is also recommended to turn off the parser cache when using FlexForm:

<syntaxhighlight lang="php">
$wgParserCacheType = CACHE_NONE;
</syntaxhighlight>

* Run the [https://www.mediawiki.org/wiki/Manual:Update.php update script] which will automatically create the necessary database tables that this extension needs.
* Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

==== Migrate from version 1.x to 2.0 ====
* Please notice the changes in the config settings.
* Do not forget to run update.php.
* Also, by default, the setting '''renderonlyapprovedforms''' will be '''true'''. Meaning that once you install FlexForm v2.0 all your existing FlexForm forms in your wiki will be shown as unvalidated. Visit [[DevOps:Doc/FlexForm/2.0/Validated Forms|Validated Forms]] to read how to solve this easily.

==== Notification/Messages ====
FlexForm has a notification system build in. This is used to show possible errors or success/custom messages.

'''As off version 2.2.2 this is now a default feature''' and <nowiki><form showmessage /></nowiki> is deprecated.

DevOps:Doc/FlexForm/Change-log

2023-12-06T14:29:37Z

Charlot:

===Changelog===

*2.2.2 : Removed HTML Special character on option fields. Deprecated showmessages https://www.open-csp.org/DevOps:Doc/FlexForm/2.0/Installation_of_FlexForm#Notification.2FMessages. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.2.2 <i class="fab fa-github"></i> REL1_39-v2.2.2] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.2.2 <i class="fab fa-github"></i> REL1_35-v2.2.2]

*2.2.0 : Added Messaging system. '''Make sure to run update.php for this release!''' [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.2.0 <i class="fab fa-github"></i> REL1_39-v2.2.0] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.2.0 <i class="fab fa-github"></i> REL1_35-v2.2.0]

*2.1.34 : Adjusted code to handle similar template names. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.34 <i class="fab fa-github"></i> REL1_39-v2.1.34] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.34 <i class="fab fa-github"></i> REL1_35-v2.1.34]

*2.1.33 : Force update DeferredUpdate. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.33 <i class="fab fa-github"></i> REL1_39-v2.1.33] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.33 <i class="fab fa-github"></i> REL1_35-v2.1.33]

*2.1.32 : Trimming Tempex Fields before applying. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.32 <i class="fab fa-github"></i> REL1_39-v2.1.32] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.32 <i class="fab fa-github"></i> REL1_35-v2.1.32]

*2.1.31 : Fixed an issue where extension argument is empty. i18n update. ( https://github.com/Open-CSP/FlexForm/pull/35/commits ) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.31 <i class="fab fa-github"></i> REL1_39-v2.1.31] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.31 <i class="fab fa-github"></i> REL1_35-v2.1.31]

*2.1.30 : Fixed https://github.com/Open-CSP/FlexForm/issues/34. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.30 <i class="fab fa-github"></i> REL1_39-v2.1.30] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.30 <i class="fab fa-github"></i> REL1_35-v2.1.30]

*2.1.29 : Next available namespace issue fix [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.29 <i class="fab fa-github"></i> REL1_39-v2.1.29] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.29 <i class="fab fa-github"></i> REL1_35-v2.1.29]

*2.1.28 : getWikitextForTransclusion double check for nulled content. Fix for instances and form fields arrays. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.28 <i class="fab fa-github"></i> REL1_39-v2.1.28] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.28 <i class="fab fa-github"></i> REL1_35-v2.1.28]

*2.1.27 : When using an unknown namespace when creating a page, use main namespace. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.27 <i class="fab fa-github"></i> REL1_39-v2.1.27] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.27 <i class="fab fa-github"></i> REL1_35-v2.1.27]

*2.1.26 : Could not resolve namespace check added. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.26 <i class="fab fa-github"></i> REL1_39-v2.1.26] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.26 <i class="fab fa-github"></i> REL1_35-v2.1.26]

*2.1.25 : Check to see if a page has a form has been updated to make it only check relevant pages [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.25 <i class="fab fa-github"></i> REL1_39-v2.1.25] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.25 <i class="fab fa-github"></i> REL1_35-v2.1.25]

*2.1.24 : Instances with multiple tokens bug fixed. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.24 <i class="fab fa-github"></i> REL1_39-v2.1.24] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.24 <i class="fab fa-github"></i> REL1_35-v2.1.24]

*2.1.23 : Added config option to toggle null edits (forceNullEdit) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.23 <i class="fab fa-github"></i> REL1_39-v2.1.23] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.23 <i class="fab fa-github"></i> REL1_35-v2.1.23]

*2.1.22 : Fixed: Ajax calls end routine handling; clean post values are now recursive. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.22 <i class="fab fa-github"></i> REL1_39-v2.1.22] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.22 <i class="fab fa-github"></i> REL1_35-v2.1.22]

*2.1.21 : Fixed error in instances [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.21 <i class="fab fa-github"></i> REL1_39-v2.1.21] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.21 <i class="fab fa-github"></i> REL1_35-v2.1.21]

*2.1.20 : Mail update using composer. Changed organization. Instances not using relaxed search. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.20 <i class="fab fa-github"></i> REL1_39-v2.1.20] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.20 <i class="fab fa-github"></i> REL1_35-v2.1.20]

*2.1.19 : False positive check on secure forms. Added support for quoted json path keys. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.19 <i class="fab fa-github"></i> REL1_39-v2.1.19] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.19 <i class="fab fa-github"></i> REL1_35-v2.1.19]

*2.1.18 : Show error with incorrect use of multiple _creates in one form. Added 2nd check for incomplete secure fields. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.18 <i class="fab fa-github"></i> REL1_39-v2.1.18] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.18 <i class="fab fa-github"></i> REL1_35-v2.1.18]

*2.1.17 : Changed null edit to remove smwproperties refresh. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.17 <i class="fab fa-github"></i> REL1_39-v2.1.17] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.17 <i class="fab fa-github"></i> REL1_35-v2.1.17]

*2.1.16 : Added timing information on debug [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.16 <i class="fab fa-github"></i> REL1_39-v2.1.16] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.16 <i class="fab fa-github"></i> REL1_35-v2.1.16]

*2.1.15 : Creating a page not using a template fix for array values

*2.1.14 : Have tokens use the same required="required" options as normal input fields

*2.1.13 : Added non predefined value to show up in token instances. Added valid JSON schema check.

*2.1.12 : Added form permission argument

*2.1.11 : Added tokens rendering to json schema

*2.1.10 : Redirect issue fixed

*2.1.9 : Added replacevariables parser options on semantic ask query

*2.1.8 : Setting display title in a MCR slot fix

*2.1.7 : Fixed Pandoc images name uploads. (Thanks to Bernhard Krabina!)

*2.1.6 : Bug fix for canvas and signature uploads

*2.1.5 : Fixed possible wrong smw query path ( thnx to @Bovine-collab ). This closes https://github.com/Open-CSP/FlexForm/pull/30. Also added array checks not being empty.

*2.1.4 : Simplified phpList mailing ids

*2.1.3 : Managed approved forms bug fixed

*2.1.2 : Added a required field for the PHPList extension ( like a checkbox to allow to register ).

*2.1.1 : Some changes to the extension handler and the PHPList extension to support localsetting configuration for an extension

*2.1 : New features and changes : https://wikibase-solutions.com/developer-logs/flexform-2.1-release

*2.0.12 : Use wfExpandUrl to accommodate for non-null ArticlePath settings

*2.0.11 : Added loadscript config setting

*2.0.10 : TinyMCE selector change.

*2.0.9 : Added parsing of options and selected to Select and Token

*2.0.8 : new way of rendering select and tokens without options

*2.0.7 : fixed HTML argument custom

*2.0.6 : autosave || to &&, Added autosave="none", see docs.

*2.0.4 : Missing sortable on tokens

*2.0.3 : Edit on page id 0 fix

*2.0.2 : Minor tweaks to autosave buttons and the placing

*2.0.0 : Added approved forms, -usercan- options and code optimization, wgCapitalLinks and many more

*1.1.45 : Split wiki edit and create

*1.1.44 : JSON Support for instances. Fixed nooverwrite on create page option.

*1.1.43 : JSON Edit support. Dropped jQuery.UI dependency

*1.1.42 : Instances update and multiple _create json support

*1.1.41 : Add copy and paste support form formats. _create json support finished. Tempex and Calc secure and with instances. reCaptcha changes

*1.1.40 : _create json support

*1.1.39 : Localhost redirect fix

*1.1.38 : API next available warning removed

*1.1.37 : Secure calc added and resolve template fields. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.35 : Calc options added. Added Fix for wikis with different paths and urls. Docs : Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.34 : file upload dropzone verbose fixes. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.33 : template support for file pages. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.32 : Separated Git from Special page

*1.1.31 : Version bump to git update

*1.1.28 : autosave '''onintervalafterchange'''. Added admin git update feature. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/Form_options#autosave

*1.1.27 : Survey module added. More on this later. Filter option for SMQ Queries added. noseo option for _create

*1.1.26 : Rendering instances with default content will do a SMW Ask to get the Display property for a token using its value and Query

*1.1.25 : Instance default-content 2 token fix

*1.1.24 : Fixed an issue where select2 tokens callbacks were initiated multiple times. Removed 1.12 J-UI dependency.

*1.1.23 : Another instance update for tokens. Recent changes are now initiated.

*1.1.22 : Instances and textarea fix

*1.1.21 : Fixed Paragraph tag appearing in fieldset

*1.1.20 : Fixed file upload preview and dropzone issues

*1.1.19 : Added wscreate usefield like options. Fixed SMW query results being escaped

*1.1.17 : Fixed autosave with Instances

*1.1.16 : VE error message fix when nog VE loaded.

*1.1.15 : Extended the hook to contain extension name.

*1.1.14 : Create user email is now a system message. Added FFAfterFormHandling Hook.

*1.1.13 : Added extension support

*1.1.12 : Added entity decoding to mwreturn to support &-sign. Fixed multiple instances issue.

*1.1.11 : SEO url's to file upload

*1.1.10 : Added sortable tokens

*1.1.9 : Addendum and SEO setting

*1.1.8 : FileUpload fix

*1.1.7 : Add HTML screenshot upload (canvas)

*1.1.6 : reCaptcha fixed. Rdy to test. https://github.com/WikibaseSolutions/FlexForm/issues/8

*1.1.5 : Fixed slot creation bug

*1.1.4 : Instances changes

*1.1.3 : Added frame parsing for tokens. Form validation was set to input field validations.. Fixed!

*1.1.2 : Fixed no submit on enter per form. Security checksum changes.

*1.1.1 : Added support for anonymous users

*1.1.0 : Email bot api support, create user support, various fixed after refactoring. Added security options. Special note: By default only a sysop can now edit or create a page with FlexForm on it. This can be changed in the settings for FlexForm.

*1.0 : Initial first public release ''Compared to the previous version any File upload method is not supported and will be added in a later version. Rendering of a form has been rewritten to support themes.''

DevOps:Doc/FlexForm/1.0/edit

2023-12-06T14:08:44Z

Charlot:

===Name===
_edit
===Type===
_edit
===Synopsis===
Using a form to edit pages that have content with templates.
===Description===
How to edit pages in the wiki with FlexForm
===Parameters===
'''_edit'''

'''target''' = Target page ( title or page id ) that needs to be edited

'''template ''' = Name of the template on the target page that needs to be edited. If there are multiple instances of the same template, you can specify what instance FlexForm should use if you have a unique key and value in the specific instance. You define it by '''template="<name of template>|<name of argument>=<value of argument>"'''. E.g. '''template="Edit user|User id=55"'''

'''formfield''' = Name of the field in the template. Field in the form should have the same name

'''usefield''' = [optional] If the field in the form differs from the template variable name, you can use "usefield" to let _edit know what other field from the form it should use

'''value''' = [optional] Don't read the value from the form field, but use this value explicitly

'''mwslot''' = [optional] Name of content slot to use

===Example===
<syntaxhighlight lang="html">
<_edit target="pageid" template="template" formfield="formfield" />
</syntaxhighlight>

Simple test with a complete form you can use to see if editing works: Copy the following code snippet to the source code of a page and save. You will see a text field that will edit the "Content" parameter within the "Test" template call. Note that Template:Test does not need to exist for this example to work.
<syntaxhighlight lang="html">
{{Test
|Content=abc
}}

<form>
<_edit target="{{PAGEID}}" template="Test" formfield="Content" />
<input type="text" name="Content" />
<input type="submit"/>
</form>
</syntaxhighlight>

===Note===

* You can have multiple _edit's in a form all doing different tasks.
* If you have more than 5 edits to one single page in the wiki, consider [[DevOps:Doc/FlexForm/1.0/create]] to speed-up the process.
* If you omit value, then the value of the form will be used (so what a user has filled in).
===Links===
https://www.mediawiki.org/wiki/Multi-Content_Revisions

DevOps:Doc/FlexForm/2.0/Installation of FlexForm

2023-12-06T14:07:45Z

Charlot:

DevOps:Doc/FlexForm/2.0/input/textarea

2023-12-05T14:43:57Z

Charlot:

===Name===
textarea
===Type===
textarea
===Synopsis===
How to render a textarea input field
===Description===
textarea elements create larger text input fields that let the user enter a text.
It also differs from other input fields as there is no value you can set. Instead you use an opening input type and a closing one. The value will be in between. See example.
===Parameters===
<code><nowiki><textarea></textarea></nowiki></code>

There is one non-HTML5 argument you can use together with a textarea and it is called '''source'''. When you add the argument source="<FULLPAGENAME>" to a textarea, FlexForm will grab the main content of that page and put it inside the textarea. '''Example : source="Main page"''', will put the main content of the main page inside the textarea. If you have e.g. the extension Visual editor for all or the Tinymce extension, this feature will allow to easily edit a different page right in the form you are creating.

For all supported HTML5 arguments have a look at the link at the links section.
===Example===
<syntaxhighlight lang="html">
<textarea name="comment" placeholder="Type your comment" required="required">This is the text value</textarea>
</syntaxhighlight>
<textarea name="comment" placeholder="Type your comment" required="required">This is the text value</textarea>

===Notes===
====VisualEditor====
If you have installed the [[mw:Extension:VisualEditor|VisualEditor]] and [[mw:Extension:VEForAll|VEForAll]] extensions, you can associate a textarea with the VisualEditor interface for rich text editing. To do so, just add <code>editor="ve"</code> to your textarea. You can have as many VE editors on a page as needed.

====Version note====
In earlier versions of FlexForm, you would use an <code>_input</code> with <code>type="textarea"</code>.

===Links===
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

DevOps:Doc/FlexForm/2.0/input/textarea

2023-12-05T14:42:12Z

Charlot:

===Name===
textarea
===Type===
textarea
===Synopsis===
How to render a textarea input field
===Description===
textarea elements create larger text input fields that let the user enter a text.
It also differs from other input fields as there is no value you can set. Instead you use an opening input type and a closing one. The value will be in between. See example.
===Parameters===
<code><nowiki><textarea></textarea></nowiki></code>

There is one non-HTML5 argument you can use together with a textarea and it is called '''source'''. When you add the argument source="<FULLPAGENAME>" to a textarea, FlexForm will grab the main content of that page and put it inside the textarea. '''Example : source="Main page"''', will put the main content of the main page inside the textarea.

For all supported HTML5 arguments have a look at the link at the links section.
===Example===
<syntaxhighlight lang="html">
<textarea name="comment" placeholder="Type your comment" required="required">This is the text value</textarea>
</syntaxhighlight>
<textarea name="comment" placeholder="Type your comment" required="required">This is the text value</textarea>

===Notes===
====VisualEditor====
If you have installed the [[mw:Extension:VisualEditor|VisualEditor]] and [[mw:Extension:VEForAll|VEForAll]] extensions, you can associate a textarea with the VisualEditor interface for rich text editing. To do so, just add <code>editor="ve"</code> to your textarea. You can have as many VE editors on a page as needed.

====Version note====
In earlier versions of FlexForm, you would use an <code>_input</code> with <code>type="textarea"</code>.

===Links===
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

DevOps:Doc/FlexForm/2.1/input/message

2023-12-01T19:27:47Z

Charlot: User:Charlot

== New since version 2.2! ==
For messaging to work, you will need to have the following config setting
<syntaxhighlight lang="php">
$wgFlexFormConfig['secure'] = true;
</syntaxhighlight>
===Name===
message
===Type===
input
===Synopsis===
Send a notification to another user
===Description===
This is a FlexForm specific field type. It is not default HTML5.

With this field type you can send notifications to other registered users.

===Parameters===
type="message"

user="<username>" - This can be a comma separated list of user names to send one message to multiple users.

message="<the message that will show up in the notification>"

message-title="<notification title>" - this is optional

message-type="<either "danger", "warning", "info", "success">" - defaults to danger

===Example===
<syntaxhighlight lang="html">
<input type="message" user="wiki user" message="test message" message-title="Admin message" message-type="info" />
</syntaxhighlight>

DevOps:Doc/FlexForm/Change-log

2023-12-01T19:21:18Z

Charlot:

===Changelog===
*2.2.0 : Added Messaging system. '''Make sure to run update.php for this release!''' [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.2.0 <i class="fab fa-github"></i> REL1_39-v2.2.0] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.2.0 <i class="fab fa-github"></i> REL1_35-v2.2.0]

*2.1.34 : Adjusted code to handle similar template names. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.34 <i class="fab fa-github"></i> REL1_39-v2.1.34] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.34 <i class="fab fa-github"></i> REL1_35-v2.1.34]

*2.1.33 : Force update DeferredUpdate. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.33 <i class="fab fa-github"></i> REL1_39-v2.1.33] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.33 <i class="fab fa-github"></i> REL1_35-v2.1.33]

*2.1.32 : Trimming Tempex Fields before applying. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.32 <i class="fab fa-github"></i> REL1_39-v2.1.32] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.32 <i class="fab fa-github"></i> REL1_35-v2.1.32]

*2.1.31 : Fixed an issue where extension argument is empty. i18n update. ( https://github.com/Open-CSP/FlexForm/pull/35/commits ) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.31 <i class="fab fa-github"></i> REL1_39-v2.1.31] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.31 <i class="fab fa-github"></i> REL1_35-v2.1.31]

*2.1.30 : Fixed https://github.com/Open-CSP/FlexForm/issues/34. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.30 <i class="fab fa-github"></i> REL1_39-v2.1.30] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.30 <i class="fab fa-github"></i> REL1_35-v2.1.30]

*2.1.29 : Next available namespace issue fix [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.29 <i class="fab fa-github"></i> REL1_39-v2.1.29] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.29 <i class="fab fa-github"></i> REL1_35-v2.1.29]

*2.1.28 : getWikitextForTransclusion double check for nulled content. Fix for instances and form fields arrays. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.28 <i class="fab fa-github"></i> REL1_39-v2.1.28] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.28 <i class="fab fa-github"></i> REL1_35-v2.1.28]

*2.1.27 : When using an unknown namespace when creating a page, use main namespace. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.27 <i class="fab fa-github"></i> REL1_39-v2.1.27] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.27 <i class="fab fa-github"></i> REL1_35-v2.1.27]

*2.1.26 : Could not resolve namespace check added. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.26 <i class="fab fa-github"></i> REL1_39-v2.1.26] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.26 <i class="fab fa-github"></i> REL1_35-v2.1.26]

*2.1.25 : Check to see if a page has a form has been updated to make it only check relevant pages [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.25 <i class="fab fa-github"></i> REL1_39-v2.1.25] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.25 <i class="fab fa-github"></i> REL1_35-v2.1.25]

*2.1.24 : Instances with multiple tokens bug fixed. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.24 <i class="fab fa-github"></i> REL1_39-v2.1.24] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.24 <i class="fab fa-github"></i> REL1_35-v2.1.24]

*2.1.23 : Added config option to toggle null edits (forceNullEdit) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.23 <i class="fab fa-github"></i> REL1_39-v2.1.23] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.23 <i class="fab fa-github"></i> REL1_35-v2.1.23]

*2.1.22 : Fixed: Ajax calls end routine handling; clean post values are now recursive. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.22 <i class="fab fa-github"></i> REL1_39-v2.1.22] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.22 <i class="fab fa-github"></i> REL1_35-v2.1.22]

*2.1.21 : Fixed error in instances [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.21 <i class="fab fa-github"></i> REL1_39-v2.1.21] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.21 <i class="fab fa-github"></i> REL1_35-v2.1.21]

*2.1.20 : Mail update using composer. Changed organization. Instances not using relaxed search. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.20 <i class="fab fa-github"></i> REL1_39-v2.1.20] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.20 <i class="fab fa-github"></i> REL1_35-v2.1.20]

*2.1.19 : False positive check on secure forms. Added support for quoted json path keys. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.19 <i class="fab fa-github"></i> REL1_39-v2.1.19] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.19 <i class="fab fa-github"></i> REL1_35-v2.1.19]

*2.1.18 : Show error with incorrect use of multiple _creates in one form. Added 2nd check for incomplete secure fields. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.18 <i class="fab fa-github"></i> REL1_39-v2.1.18] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.18 <i class="fab fa-github"></i> REL1_35-v2.1.18]

*2.1.17 : Changed null edit to remove smwproperties refresh. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.17 <i class="fab fa-github"></i> REL1_39-v2.1.17] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.17 <i class="fab fa-github"></i> REL1_35-v2.1.17]

*2.1.16 : Added timing information on debug [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.16 <i class="fab fa-github"></i> REL1_39-v2.1.16] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.16 <i class="fab fa-github"></i> REL1_35-v2.1.16]

*2.1.15 : Creating a page not using a template fix for array values

*2.1.14 : Have tokens use the same required="required" options as normal input fields

*2.1.13 : Added non predefined value to show up in token instances. Added valid JSON schema check.

*2.1.12 : Added form permission argument

*2.1.11 : Added tokens rendering to json schema

*2.1.10 : Redirect issue fixed

*2.1.9 : Added replacevariables parser options on semantic ask query

*2.1.8 : Setting display title in a MCR slot fix

*2.1.7 : Fixed Pandoc images name uploads. (Thanks to Bernhard Krabina!)

*2.1.6 : Bug fix for canvas and signature uploads

*2.1.5 : Fixed possible wrong smw query path ( thnx to @Bovine-collab ). This closes https://github.com/Open-CSP/FlexForm/pull/30. Also added array checks not being empty.

*2.1.4 : Simplified phpList mailing ids

*2.1.3 : Managed approved forms bug fixed

*2.1.2 : Added a required field for the PHPList extension ( like a checkbox to allow to register ).

*2.1.1 : Some changes to the extension handler and the PHPList extension to support localsetting configuration for an extension

*2.1 : New features and changes : https://wikibase-solutions.com/developer-logs/flexform-2.1-release

*2.0.12 : Use wfExpandUrl to accommodate for non-null ArticlePath settings

*2.0.11 : Added loadscript config setting

*2.0.10 : TinyMCE selector change.

*2.0.9 : Added parsing of options and selected to Select and Token

*2.0.8 : new way of rendering select and tokens without options

*2.0.7 : fixed HTML argument custom

*2.0.6 : autosave || to &&, Added autosave="none", see docs.

*2.0.4 : Missing sortable on tokens

*2.0.3 : Edit on page id 0 fix

*2.0.2 : Minor tweaks to autosave buttons and the placing

*2.0.0 : Added approved forms, -usercan- options and code optimization, wgCapitalLinks and many more

*1.1.45 : Split wiki edit and create

*1.1.44 : JSON Support for instances. Fixed nooverwrite on create page option.

*1.1.43 : JSON Edit support. Dropped jQuery.UI dependency

*1.1.42 : Instances update and multiple _create json support

*1.1.41 : Add copy and paste support form formats. _create json support finished. Tempex and Calc secure and with instances. reCaptcha changes

*1.1.40 : _create json support

*1.1.39 : Localhost redirect fix

*1.1.38 : API next available warning removed

*1.1.37 : Secure calc added and resolve template fields. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.35 : Calc options added. Added Fix for wikis with different paths and urls. Docs : Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.34 : file upload dropzone verbose fixes. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.33 : template support for file pages. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.32 : Separated Git from Special page

*1.1.31 : Version bump to git update

*1.1.28 : autosave '''onintervalafterchange'''. Added admin git update feature. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/Form_options#autosave

*1.1.27 : Survey module added. More on this later. Filter option for SMQ Queries added. noseo option for _create

*1.1.26 : Rendering instances with default content will do a SMW Ask to get the Display property for a token using its value and Query

*1.1.25 : Instance default-content 2 token fix

*1.1.24 : Fixed an issue where select2 tokens callbacks were initiated multiple times. Removed 1.12 J-UI dependency.

*1.1.23 : Another instance update for tokens. Recent changes are now initiated.

*1.1.22 : Instances and textarea fix

*1.1.21 : Fixed Paragraph tag appearing in fieldset

*1.1.20 : Fixed file upload preview and dropzone issues

*1.1.19 : Added wscreate usefield like options. Fixed SMW query results being escaped

*1.1.17 : Fixed autosave with Instances

*1.1.16 : VE error message fix when nog VE loaded.

*1.1.15 : Extended the hook to contain extension name.

*1.1.14 : Create user email is now a system message. Added FFAfterFormHandling Hook.

*1.1.13 : Added extension support

*1.1.12 : Added entity decoding to mwreturn to support &-sign. Fixed multiple instances issue.

*1.1.11 : SEO url's to file upload

*1.1.10 : Added sortable tokens

*1.1.9 : Addendum and SEO setting

*1.1.8 : FileUpload fix

*1.1.7 : Add HTML screenshot upload (canvas)

*1.1.6 : reCaptcha fixed. Rdy to test. https://github.com/WikibaseSolutions/FlexForm/issues/8

*1.1.5 : Fixed slot creation bug

*1.1.4 : Instances changes

*1.1.3 : Added frame parsing for tokens. Form validation was set to input field validations.. Fixed!

*1.1.2 : Fixed no submit on enter per form. Security checksum changes.

*1.1.1 : Added support for anonymous users

*1.1.0 : Email bot api support, create user support, various fixed after refactoring. Added security options. Special note: By default only a sysop can now edit or create a page with FlexForm on it. This can be changed in the settings for FlexForm.

*1.0 : Initial first public release ''Compared to the previous version any File upload method is not supported and will be added in a later version. Rendering of a form has been rewritten to support themes.''

DevOps:Doc/FlexForm/Change-log

2023-12-01T19:20:24Z

Charlot:

===Changelog===
*2.2.0 : Added Messaging system. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.2.0 <i class="fab fa-github"></i> REL1_39-v2.2.0] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.2.0 <i class="fab fa-github"></i> REL1_35-v2.2.0]

*2.1.34 : Adjusted code to handle similar template names. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.34 <i class="fab fa-github"></i> REL1_39-v2.1.34] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.34 <i class="fab fa-github"></i> REL1_35-v2.1.34]

*2.1.33 : Force update DeferredUpdate. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.33 <i class="fab fa-github"></i> REL1_39-v2.1.33] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.33 <i class="fab fa-github"></i> REL1_35-v2.1.33]

*2.1.32 : Trimming Tempex Fields before applying. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.32 <i class="fab fa-github"></i> REL1_39-v2.1.32] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.32 <i class="fab fa-github"></i> REL1_35-v2.1.32]

*2.1.31 : Fixed an issue where extension argument is empty. i18n update. ( https://github.com/Open-CSP/FlexForm/pull/35/commits ) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.31 <i class="fab fa-github"></i> REL1_39-v2.1.31] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.31 <i class="fab fa-github"></i> REL1_35-v2.1.31]

*2.1.30 : Fixed https://github.com/Open-CSP/FlexForm/issues/34. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.30 <i class="fab fa-github"></i> REL1_39-v2.1.30] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.30 <i class="fab fa-github"></i> REL1_35-v2.1.30]

*2.1.29 : Next available namespace issue fix [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.29 <i class="fab fa-github"></i> REL1_39-v2.1.29] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.29 <i class="fab fa-github"></i> REL1_35-v2.1.29]

*2.1.28 : getWikitextForTransclusion double check for nulled content. Fix for instances and form fields arrays. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.28 <i class="fab fa-github"></i> REL1_39-v2.1.28] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.28 <i class="fab fa-github"></i> REL1_35-v2.1.28]

*2.1.27 : When using an unknown namespace when creating a page, use main namespace. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.27 <i class="fab fa-github"></i> REL1_39-v2.1.27] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.27 <i class="fab fa-github"></i> REL1_35-v2.1.27]

*2.1.26 : Could not resolve namespace check added. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.26 <i class="fab fa-github"></i> REL1_39-v2.1.26] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.26 <i class="fab fa-github"></i> REL1_35-v2.1.26]

*2.1.25 : Check to see if a page has a form has been updated to make it only check relevant pages [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.25 <i class="fab fa-github"></i> REL1_39-v2.1.25] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.25 <i class="fab fa-github"></i> REL1_35-v2.1.25]

*2.1.24 : Instances with multiple tokens bug fixed. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.24 <i class="fab fa-github"></i> REL1_39-v2.1.24] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.24 <i class="fab fa-github"></i> REL1_35-v2.1.24]

*2.1.23 : Added config option to toggle null edits (forceNullEdit) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.23 <i class="fab fa-github"></i> REL1_39-v2.1.23] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.23 <i class="fab fa-github"></i> REL1_35-v2.1.23]

*2.1.22 : Fixed: Ajax calls end routine handling; clean post values are now recursive. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.22 <i class="fab fa-github"></i> REL1_39-v2.1.22] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.22 <i class="fab fa-github"></i> REL1_35-v2.1.22]

*2.1.21 : Fixed error in instances [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.21 <i class="fab fa-github"></i> REL1_39-v2.1.21] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.21 <i class="fab fa-github"></i> REL1_35-v2.1.21]

*2.1.20 : Mail update using composer. Changed organization. Instances not using relaxed search. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.20 <i class="fab fa-github"></i> REL1_39-v2.1.20] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.20 <i class="fab fa-github"></i> REL1_35-v2.1.20]

*2.1.19 : False positive check on secure forms. Added support for quoted json path keys. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.19 <i class="fab fa-github"></i> REL1_39-v2.1.19] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.19 <i class="fab fa-github"></i> REL1_35-v2.1.19]

*2.1.18 : Show error with incorrect use of multiple _creates in one form. Added 2nd check for incomplete secure fields. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.18 <i class="fab fa-github"></i> REL1_39-v2.1.18] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.18 <i class="fab fa-github"></i> REL1_35-v2.1.18]

*2.1.17 : Changed null edit to remove smwproperties refresh. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.17 <i class="fab fa-github"></i> REL1_39-v2.1.17] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.17 <i class="fab fa-github"></i> REL1_35-v2.1.17]

*2.1.16 : Added timing information on debug [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.16 <i class="fab fa-github"></i> REL1_39-v2.1.16] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.16 <i class="fab fa-github"></i> REL1_35-v2.1.16]

*2.1.15 : Creating a page not using a template fix for array values

*2.1.14 : Have tokens use the same required="required" options as normal input fields

*2.1.13 : Added non predefined value to show up in token instances. Added valid JSON schema check.

*2.1.12 : Added form permission argument

*2.1.11 : Added tokens rendering to json schema

*2.1.10 : Redirect issue fixed

*2.1.9 : Added replacevariables parser options on semantic ask query

*2.1.8 : Setting display title in a MCR slot fix

*2.1.7 : Fixed Pandoc images name uploads. (Thanks to Bernhard Krabina!)

*2.1.6 : Bug fix for canvas and signature uploads

*2.1.5 : Fixed possible wrong smw query path ( thnx to @Bovine-collab ). This closes https://github.com/Open-CSP/FlexForm/pull/30. Also added array checks not being empty.

*2.1.4 : Simplified phpList mailing ids

*2.1.3 : Managed approved forms bug fixed

*2.1.2 : Added a required field for the PHPList extension ( like a checkbox to allow to register ).

*2.1.1 : Some changes to the extension handler and the PHPList extension to support localsetting configuration for an extension

*2.1 : New features and changes : https://wikibase-solutions.com/developer-logs/flexform-2.1-release

*2.0.12 : Use wfExpandUrl to accommodate for non-null ArticlePath settings

*2.0.11 : Added loadscript config setting

*2.0.10 : TinyMCE selector change.

*2.0.9 : Added parsing of options and selected to Select and Token

*2.0.8 : new way of rendering select and tokens without options

*2.0.7 : fixed HTML argument custom

*2.0.6 : autosave || to &&, Added autosave="none", see docs.

*2.0.4 : Missing sortable on tokens

*2.0.3 : Edit on page id 0 fix

*2.0.2 : Minor tweaks to autosave buttons and the placing

*2.0.0 : Added approved forms, -usercan- options and code optimization, wgCapitalLinks and many more

*1.1.45 : Split wiki edit and create

*1.1.44 : JSON Support for instances. Fixed nooverwrite on create page option.

*1.1.43 : JSON Edit support. Dropped jQuery.UI dependency

*1.1.42 : Instances update and multiple _create json support

*1.1.41 : Add copy and paste support form formats. _create json support finished. Tempex and Calc secure and with instances. reCaptcha changes

*1.1.40 : _create json support

*1.1.39 : Localhost redirect fix

*1.1.38 : API next available warning removed

*1.1.37 : Secure calc added and resolve template fields. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.35 : Calc options added. Added Fix for wikis with different paths and urls. Docs : Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.34 : file upload dropzone verbose fixes. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.33 : template support for file pages. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.32 : Separated Git from Special page

*1.1.31 : Version bump to git update

*1.1.28 : autosave '''onintervalafterchange'''. Added admin git update feature. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/Form_options#autosave

*1.1.27 : Survey module added. More on this later. Filter option for SMQ Queries added. noseo option for _create

*1.1.26 : Rendering instances with default content will do a SMW Ask to get the Display property for a token using its value and Query

*1.1.25 : Instance default-content 2 token fix

*1.1.24 : Fixed an issue where select2 tokens callbacks were initiated multiple times. Removed 1.12 J-UI dependency.

*1.1.23 : Another instance update for tokens. Recent changes are now initiated.

*1.1.22 : Instances and textarea fix

*1.1.21 : Fixed Paragraph tag appearing in fieldset

*1.1.20 : Fixed file upload preview and dropzone issues

*1.1.19 : Added wscreate usefield like options. Fixed SMW query results being escaped

*1.1.17 : Fixed autosave with Instances

*1.1.16 : VE error message fix when nog VE loaded.

*1.1.15 : Extended the hook to contain extension name.

*1.1.14 : Create user email is now a system message. Added FFAfterFormHandling Hook.

*1.1.13 : Added extension support

*1.1.12 : Added entity decoding to mwreturn to support &-sign. Fixed multiple instances issue.

*1.1.11 : SEO url's to file upload

*1.1.10 : Added sortable tokens

*1.1.9 : Addendum and SEO setting

*1.1.8 : FileUpload fix

*1.1.7 : Add HTML screenshot upload (canvas)

*1.1.6 : reCaptcha fixed. Rdy to test. https://github.com/WikibaseSolutions/FlexForm/issues/8

*1.1.5 : Fixed slot creation bug

*1.1.4 : Instances changes

*1.1.3 : Added frame parsing for tokens. Form validation was set to input field validations.. Fixed!

*1.1.2 : Fixed no submit on enter per form. Security checksum changes.

*1.1.1 : Added support for anonymous users

*1.1.0 : Email bot api support, create user support, various fixed after refactoring. Added security options. Special note: By default only a sysop can now edit or create a page with FlexForm on it. This can be changed in the settings for FlexForm.

*1.0 : Initial first public release ''Compared to the previous version any File upload method is not supported and will be added in a later version. Rendering of a form has been rewritten to support themes.''

Timeline

2023-11-30T22:50:18Z

Charlot: User:Charlot

<div class="container"><div class="row text-center justify-content-center mb-5"><div class="col-xl-6 col-lg-8"><h2 class="font-weight-bold">Open CSP Timeline</h2><p class="text-muted">What's happening in the Open CSP world</p></div></div><div class="container"><div class="row"><div class="col"><div class="timeline-steps aos-init aos-animate" data-aos="fade-up">{{#invoke:Timeline|show}}</div></div></div></div></div>

{{#slot:ws-data}}
{{#ifingroup:moderator,sysop |

=== Edit timeline ===

<form>
<_edit target="{{PAGEID:{{FULLPAGENAME}}}}" format="json" template="jsonk|milestones" formfield="timeline-instance" mwslot="ws-data" />
<_instance name="timeline-instance" format="json" default-content="{{#slotdata:ws-data|{{FULLPAGENAME}} |milestones}}">
<div>
<div class="timeline-edit"><label for="date">Date</label><input type="text" name="date" placeholder="date" /></div>
<div class="timeline-edit"><label for="title">Title</label><input type="text" name="title" placeholder="title" /></div>
<div class="timeline-edit"><label for="link">Link</label><input type="text" name="link" placeholder="url" /></div>
</div>
</_instance>
<input type="submit" value="save" />
</form>

}}

Timeline

2023-11-30T22:49:08Z

Charlot: User:Charlot

DevOps:Doc/FlexForm/2.1/input/message

2023-11-30T22:40:47Z

Charlot:

DevOps:Doc/FlexForm/Change-log

2023-11-30T20:59:47Z

Charlot:

===Changelog===
*2.2.0 : Added Messaging system. TBA

*2.1.34 : Adjusted code to handle similar template names. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.34 <i class="fab fa-github"></i> REL1_39-v2.1.34] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.34 <i class="fab fa-github"></i> REL1_35-v2.1.34]

*2.1.33 : Force update DeferredUpdate. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.33 <i class="fab fa-github"></i> REL1_39-v2.1.33] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.33 <i class="fab fa-github"></i> REL1_35-v2.1.33]

*2.1.32 : Trimming Tempex Fields before applying. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.32 <i class="fab fa-github"></i> REL1_39-v2.1.32] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.32 <i class="fab fa-github"></i> REL1_35-v2.1.32]

*2.1.31 : Fixed an issue where extension argument is empty. i18n update. ( https://github.com/Open-CSP/FlexForm/pull/35/commits ) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.31 <i class="fab fa-github"></i> REL1_39-v2.1.31] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.31 <i class="fab fa-github"></i> REL1_35-v2.1.31]

*2.1.30 : Fixed https://github.com/Open-CSP/FlexForm/issues/34. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.30 <i class="fab fa-github"></i> REL1_39-v2.1.30] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.30 <i class="fab fa-github"></i> REL1_35-v2.1.30]

*2.1.29 : Next available namespace issue fix [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.29 <i class="fab fa-github"></i> REL1_39-v2.1.29] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.29 <i class="fab fa-github"></i> REL1_35-v2.1.29]

*2.1.28 : getWikitextForTransclusion double check for nulled content. Fix for instances and form fields arrays. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.28 <i class="fab fa-github"></i> REL1_39-v2.1.28] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.28 <i class="fab fa-github"></i> REL1_35-v2.1.28]

*2.1.27 : When using an unknown namespace when creating a page, use main namespace. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.27 <i class="fab fa-github"></i> REL1_39-v2.1.27] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.27 <i class="fab fa-github"></i> REL1_35-v2.1.27]

*2.1.26 : Could not resolve namespace check added. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.26 <i class="fab fa-github"></i> REL1_39-v2.1.26] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.26 <i class="fab fa-github"></i> REL1_35-v2.1.26]

*2.1.25 : Check to see if a page has a form has been updated to make it only check relevant pages [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.25 <i class="fab fa-github"></i> REL1_39-v2.1.25] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.25 <i class="fab fa-github"></i> REL1_35-v2.1.25]

*2.1.24 : Instances with multiple tokens bug fixed. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.24 <i class="fab fa-github"></i> REL1_39-v2.1.24] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.24 <i class="fab fa-github"></i> REL1_35-v2.1.24]

*2.1.23 : Added config option to toggle null edits (forceNullEdit) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.23 <i class="fab fa-github"></i> REL1_39-v2.1.23] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.23 <i class="fab fa-github"></i> REL1_35-v2.1.23]

*2.1.22 : Fixed: Ajax calls end routine handling; clean post values are now recursive. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.22 <i class="fab fa-github"></i> REL1_39-v2.1.22] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.22 <i class="fab fa-github"></i> REL1_35-v2.1.22]

*2.1.21 : Fixed error in instances [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.21 <i class="fab fa-github"></i> REL1_39-v2.1.21] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.21 <i class="fab fa-github"></i> REL1_35-v2.1.21]

*2.1.20 : Mail update using composer. Changed organization. Instances not using relaxed search. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.20 <i class="fab fa-github"></i> REL1_39-v2.1.20] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.20 <i class="fab fa-github"></i> REL1_35-v2.1.20]

*2.1.19 : False positive check on secure forms. Added support for quoted json path keys. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.19 <i class="fab fa-github"></i> REL1_39-v2.1.19] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.19 <i class="fab fa-github"></i> REL1_35-v2.1.19]

*2.1.18 : Show error with incorrect use of multiple _creates in one form. Added 2nd check for incomplete secure fields. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.18 <i class="fab fa-github"></i> REL1_39-v2.1.18] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.18 <i class="fab fa-github"></i> REL1_35-v2.1.18]

*2.1.17 : Changed null edit to remove smwproperties refresh. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.17 <i class="fab fa-github"></i> REL1_39-v2.1.17] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.17 <i class="fab fa-github"></i> REL1_35-v2.1.17]

*2.1.16 : Added timing information on debug [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.16 <i class="fab fa-github"></i> REL1_39-v2.1.16] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.16 <i class="fab fa-github"></i> REL1_35-v2.1.16]

*2.1.15 : Creating a page not using a template fix for array values

*2.1.14 : Have tokens use the same required="required" options as normal input fields

*2.1.13 : Added non predefined value to show up in token instances. Added valid JSON schema check.

*2.1.12 : Added form permission argument

*2.1.11 : Added tokens rendering to json schema

*2.1.10 : Redirect issue fixed

*2.1.9 : Added replacevariables parser options on semantic ask query

*2.1.8 : Setting display title in a MCR slot fix

*2.1.7 : Fixed Pandoc images name uploads. (Thanks to Bernhard Krabina!)

*2.1.6 : Bug fix for canvas and signature uploads

*2.1.5 : Fixed possible wrong smw query path ( thnx to @Bovine-collab ). This closes https://github.com/Open-CSP/FlexForm/pull/30. Also added array checks not being empty.

*2.1.4 : Simplified phpList mailing ids

*2.1.3 : Managed approved forms bug fixed

*2.1.2 : Added a required field for the PHPList extension ( like a checkbox to allow to register ).

*2.1.1 : Some changes to the extension handler and the PHPList extension to support localsetting configuration for an extension

*2.1 : New features and changes : https://wikibase-solutions.com/developer-logs/flexform-2.1-release

*2.0.12 : Use wfExpandUrl to accommodate for non-null ArticlePath settings

*2.0.11 : Added loadscript config setting

*2.0.10 : TinyMCE selector change.

*2.0.9 : Added parsing of options and selected to Select and Token

*2.0.8 : new way of rendering select and tokens without options

*2.0.7 : fixed HTML argument custom

*2.0.6 : autosave || to &&, Added autosave="none", see docs.

*2.0.4 : Missing sortable on tokens

*2.0.3 : Edit on page id 0 fix

*2.0.2 : Minor tweaks to autosave buttons and the placing

*2.0.0 : Added approved forms, -usercan- options and code optimization, wgCapitalLinks and many more

*1.1.45 : Split wiki edit and create

*1.1.44 : JSON Support for instances. Fixed nooverwrite on create page option.

*1.1.43 : JSON Edit support. Dropped jQuery.UI dependency

*1.1.42 : Instances update and multiple _create json support

*1.1.41 : Add copy and paste support form formats. _create json support finished. Tempex and Calc secure and with instances. reCaptcha changes

*1.1.40 : _create json support

*1.1.39 : Localhost redirect fix

*1.1.38 : API next available warning removed

*1.1.37 : Secure calc added and resolve template fields. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.35 : Calc options added. Added Fix for wikis with different paths and urls. Docs : Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.34 : file upload dropzone verbose fixes. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.33 : template support for file pages. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.32 : Separated Git from Special page

*1.1.31 : Version bump to git update

*1.1.28 : autosave '''onintervalafterchange'''. Added admin git update feature. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/Form_options#autosave

*1.1.27 : Survey module added. More on this later. Filter option for SMQ Queries added. noseo option for _create

*1.1.26 : Rendering instances with default content will do a SMW Ask to get the Display property for a token using its value and Query

*1.1.25 : Instance default-content 2 token fix

*1.1.24 : Fixed an issue where select2 tokens callbacks were initiated multiple times. Removed 1.12 J-UI dependency.

*1.1.23 : Another instance update for tokens. Recent changes are now initiated.

*1.1.22 : Instances and textarea fix

*1.1.21 : Fixed Paragraph tag appearing in fieldset

*1.1.20 : Fixed file upload preview and dropzone issues

*1.1.19 : Added wscreate usefield like options. Fixed SMW query results being escaped

*1.1.17 : Fixed autosave with Instances

*1.1.16 : VE error message fix when nog VE loaded.

*1.1.15 : Extended the hook to contain extension name.

*1.1.14 : Create user email is now a system message. Added FFAfterFormHandling Hook.

*1.1.13 : Added extension support

*1.1.12 : Added entity decoding to mwreturn to support &-sign. Fixed multiple instances issue.

*1.1.11 : SEO url's to file upload

*1.1.10 : Added sortable tokens

*1.1.9 : Addendum and SEO setting

*1.1.8 : FileUpload fix

*1.1.7 : Add HTML screenshot upload (canvas)

*1.1.6 : reCaptcha fixed. Rdy to test. https://github.com/WikibaseSolutions/FlexForm/issues/8

*1.1.5 : Fixed slot creation bug

*1.1.4 : Instances changes

*1.1.3 : Added frame parsing for tokens. Form validation was set to input field validations.. Fixed!

*1.1.2 : Fixed no submit on enter per form. Security checksum changes.

*1.1.1 : Added support for anonymous users

*1.1.0 : Email bot api support, create user support, various fixed after refactoring. Added security options. Special note: By default only a sysop can now edit or create a page with FlexForm on it. This can be changed in the settings for FlexForm.

*1.0 : Initial first public release ''Compared to the previous version any File upload method is not supported and will be added in a later version. Rendering of a form has been rewritten to support themes.''

DevOps:Doc/FlexForm/Change-log

2023-11-30T20:57:59Z

Charlot:

===Changelog===
*2.2.0 : Added Messaging system. TBA

*2.1.34 : Adjusted code to handle similar template names. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.34 <i class="fab fa-github"></i> REL1_39-v2.1.34] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.34 <i class="fab fa-github"></i> REL1_35-v2.1.34]

*2.1.33 : Force update DeferredUpdate. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.33 <i class="fab fa-github"></i> REL1_39-v2.1.33] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.33 <i class="fab fa-github"></i> REL1_35-v2.1.33]

*2.1.32 : Trimming Tempex Fields before applying. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.32 <i class="fab fa-github"></i> REL1_39-v2.1.32] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.32 <i class="fab fa-github"></i> REL1_35-v2.1.32]

*2.1.31 : Fixed an issue where extension argument is empty. i18n update. ( https://github.com/Open-CSP/FlexForm/pull/35/commits ) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.31 <i class="fab fa-github"></i> REL1_39-v2.1.31] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.31 <i class="fab fa-github"></i> REL1_35-v2.1.31]

*2.1.30 : Fixed https://github.com/Open-CSP/FlexForm/issues/34. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.30 <i class="fab fa-github"></i> REL1_39-v2.1.30] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.30 <i class="fab fa-github"></i> REL1_35-v2.1.30]

*2.1.29 : Next available namespace issue fix [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.29 <i class="fab fa-github"></i> REL1_39-v2.1.29] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.29 <i class="fab fa-github"></i> REL1_35-v2.1.29]

*2.1.28 : getWikitextForTransclusion double check for nulled content. Fix for instances and form fields arrays. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.28 <i class="fab fa-github"></i> REL1_39-v2.1.28] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.28 <i class="fab fa-github"></i> REL1_35-v2.1.28]

*2.1.27 : When using an unknown namespace when creating a page, use main namespace. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.27 <i class="fab fa-github"></i> REL1_39-v2.1.27] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.27 <i class="fab fa-github"></i> REL1_35-v2.1.27]

*2.1.26 : Could not resolve namespace check added. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.26 <i class="fab fa-github"></i> REL1_39-v2.1.26] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.26 <i class="fab fa-github"></i> REL1_35-v2.1.26]

*2.1.25 : Check to see if a page has a form has been updated to make it only check relevant pages [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.25 <i class="fab fa-github"></i> REL1_39-v2.1.25] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.25 <i class="fab fa-github"></i> REL1_35-v2.1.25]

*2.1.24 : Instances with multiple tokens bug fixed. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.24 <i class="fab fa-github"></i> REL1_39-v2.1.24] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.24 <i class="fab fa-github"></i> REL1_35-v2.1.24]

*2.1.23 : Added config option to toggle null edits (forceNullEdit) [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.23 <i class="fab fa-github"></i> REL1_39-v2.1.23] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.23 <i class="fab fa-github"></i> REL1_35-v2.1.23]

*2.1.22 : Fixed: Ajax calls end routine handling; clean post values are now recursive. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.22 <i class="fab fa-github"></i> REL1_39-v2.1.22] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.22 <i class="fab fa-github"></i> REL1_35-v2.1.22]

*2.1.21 : Fixed error in instances [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.21 <i class="fab fa-github"></i> REL1_39-v2.1.21] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.21 <i class="fab fa-github"></i> REL1_35-v2.1.21]

*2.1.20 : Mail update using composer. Changed organization. Instances not using relaxed search. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.20 <i class="fab fa-github"></i> REL1_39-v2.1.20] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.20 <i class="fab fa-github"></i> REL1_35-v2.1.20]

*2.1.19 : False positive check on secure forms. Added support for quoted json path keys. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.19 <i class="fab fa-github"></i> REL1_39-v2.1.19] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.19 <i class="fab fa-github"></i> REL1_35-v2.1.19]

*2.1.18 : Show error with incorrect use of multiple _creates in one form. Added 2nd check for incomplete secure fields. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.18 <i class="fab fa-github"></i> REL1_39-v2.1.18] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.18 <i class="fab fa-github"></i> REL1_35-v2.1.18]

*2.1.17 : Changed null edit to remove smwproperties refresh. [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.17 <i class="fab fa-github"></i> REL1_39-v2.1.17] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.17 <i class="fab fa-github"></i> REL1_35-v2.1.17]

*2.1.16 : Added timing information on debug [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_39-v2.1.16 <i class="fab fa-github"></i> REL1_39-v2.1.16] / [https://github.com/Open-CSP/FlexForm/releases/tag/REL1_35-v2.1.16 <i class="fab fa-github"></i> REL1_35-v2.1.16]

*2.1.15 : Creating a page not using a template fix for array values

*2.1.14 : Have tokens use the same required="required" options as normal input fields

*2.1.13 : Added non predefined value to show up in token instances. Added valid JSON schema check.

*2.1.12 : Added form permission argument

*2.1.11 : Added tokens rendering to json schema

*2.1.10 : Redirect issue fixed

*2.1.9 : Added replacevariables parser options on semantic ask query

*2.1.8 : Setting display title in a MCR slot fix

*2.1.7 : Fixed Pandoc images name uploads. (Thanks to Bernhard Krabina!)

*2.1.6 : Bug fix for canvas and signature uploads

*2.1.5 : Fixed possible wrong smw query path ( thnx to @Bovine-collab ). This closes https://github.com/Open-CSP/FlexForm/pull/30. Also added array checks not being empty.

*2.1.4 : Simplified phpList mailing ids

*2.1.3 : Managed approved forms bug fixed

*2.1.2 : Added a required field for the PHPList extension ( like a checkbox to allow to register ).

*2.1.1 : Some changes to the extension handler and the PHPList extension to support localsetting configuration for an extension

*2.1 : New features and changes : https://wikibase-solutions.com/developer-logs/flexform-v2-1

*2.0.12 : Use wfExpandUrl to accommodate for non-null ArticlePath settings

*2.0.11 : Added loadscript config setting

*2.0.10 : TinyMCE selector change.

*2.0.9 : Added parsing of options and selected to Select and Token

*2.0.8 : new way of rendering select and tokens without options

*2.0.7 : fixed HTML argument custom

*2.0.6 : autosave || to &&, Added autosave="none", see docs.

*2.0.4 : Missing sortable on tokens

*2.0.3 : Edit on page id 0 fix

*2.0.2 : Minor tweaks to autosave buttons and the placing

*2.0.0 : Added approved forms, -usercan- options and code optimization, wgCapitalLinks and many more

*1.1.45 : Split wiki edit and create

*1.1.44 : JSON Support for instances. Fixed nooverwrite on create page option.

*1.1.43 : JSON Edit support. Dropped jQuery.UI dependency

*1.1.42 : Instances update and multiple _create json support

*1.1.41 : Add copy and paste support form formats. _create json support finished. Tempex and Calc secure and with instances. reCaptcha changes

*1.1.40 : _create json support

*1.1.39 : Localhost redirect fix

*1.1.38 : API next available warning removed

*1.1.37 : Secure calc added and resolve template fields. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.35 : Calc options added. Added Fix for wikis with different paths and urls. Docs : Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/number#Parameters

*1.1.34 : file upload dropzone verbose fixes. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.33 : template support for file pages. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/input/file

*1.1.32 : Separated Git from Special page

*1.1.31 : Version bump to git update

*1.1.28 : autosave '''onintervalafterchange'''. Added admin git update feature. Docs : https://www.open-csp.org/DevOps:Doc/FlexForm/1.0/Form_options#autosave

*1.1.27 : Survey module added. More on this later. Filter option for SMQ Queries added. noseo option for _create

*1.1.26 : Rendering instances with default content will do a SMW Ask to get the Display property for a token using its value and Query

*1.1.25 : Instance default-content 2 token fix

*1.1.24 : Fixed an issue where select2 tokens callbacks were initiated multiple times. Removed 1.12 J-UI dependency.

*1.1.23 : Another instance update for tokens. Recent changes are now initiated.

*1.1.22 : Instances and textarea fix

*1.1.21 : Fixed Paragraph tag appearing in fieldset

*1.1.20 : Fixed file upload preview and dropzone issues

*1.1.19 : Added wscreate usefield like options. Fixed SMW query results being escaped

*1.1.17 : Fixed autosave with Instances

*1.1.16 : VE error message fix when nog VE loaded.

*1.1.15 : Extended the hook to contain extension name.

*1.1.14 : Create user email is now a system message. Added FFAfterFormHandling Hook.

*1.1.13 : Added extension support

*1.1.12 : Added entity decoding to mwreturn to support &-sign. Fixed multiple instances issue.

*1.1.11 : SEO url's to file upload

*1.1.10 : Added sortable tokens

*1.1.9 : Addendum and SEO setting

*1.1.8 : FileUpload fix

*1.1.7 : Add HTML screenshot upload (canvas)

*1.1.6 : reCaptcha fixed. Rdy to test. https://github.com/WikibaseSolutions/FlexForm/issues/8

*1.1.5 : Fixed slot creation bug

*1.1.4 : Instances changes

*1.1.3 : Added frame parsing for tokens. Form validation was set to input field validations.. Fixed!

*1.1.2 : Fixed no submit on enter per form. Security checksum changes.

*1.1.1 : Added support for anonymous users

*1.1.0 : Email bot api support, create user support, various fixed after refactoring. Added security options. Special note: By default only a sysop can now edit or create a page with FlexForm on it. This can be changed in the settings for FlexForm.

*1.0 : Initial first public release ''Compared to the previous version any File upload method is not supported and will be added in a later version. Rendering of a form has been rewritten to support themes.''

DevOps:Doc/FlexForm/2.1/input/message

2023-11-30T20:44:12Z

Charlot:

== New since version 2.2! ==

===Name===
message
===Type===
input
===Synopsis===
Send a notification to another user
===Description===
This is a FlexForm specific field type. It is not default HTML5.

With this field type you can send notifications to other registered users.

===Parameters===
type="message"

user="<username>" - This can be a comma separated list of user names to send one message to multiple users.

message="<the message that will show up in the notification>"

message-title="<notification title>" - this is optional

message-type="<either "danger", "warning", "info", "success">" - defaults to danger

===Example===
<syntaxhighlight lang="html">
<input type="message" user="wiki user" message="test message" message-title="Admin message" message-type="info" />
</syntaxhighlight>

DevOps:Doc/FlexForm/2.1/input/message

2023-11-30T20:36:44Z

Charlot:

== New since version 2.2! ==

===Name===
message
===Type===
input
===Synopsis===
Send a notification to another user
===Description===
This is a FlexForm specific field type. It is not default HTML5.

With this field type you can send notifications to other registered users.

===Parameters===
type="message"

user="<username>"

message="<the message that will show up in the notification>"

message-title="<notification title>" - this is optional

message-type="<either "danger", "warning", "info", "success">" - defaults to danger

===Example===
<syntaxhighlight lang="html">
<input type="message" user="wiki user" message="test message" message-title="Admin message" message-type="info" />
</syntaxhighlight>

DevOps:Doc/FlexForm/2.1/input/message

2023-11-30T20:36:02Z

Charlot: User:Charlot

===Name===
message
===Type===
input
===Synopsis===
Send a notification to another user
===Description===
This is a FlexForm specific field type. It is not default HTML5.

With this field type you can send notifications to other registered users.

===Parameters===
type="message"

user="<username>"

message="<the message that will show up in the notification>"

message-title="<notification title>" - this is optional

message-type="<either "danger", "warning", "info", "success">" - defaults to danger

===Example===
<syntaxhighlight lang="html">
<input type="message" user="wiki user" message="test message" message-title="Admin message" message-type="info" />
</syntaxhighlight>

DevOps:Doc/FlexForm/2.1/input/message

2023-11-30T20:34:55Z

Charlot:

DevOps:Doc/FlexForm/2.1/input/message

2023-11-30T20:26:45Z

Charlot: User:Charlot

Widget:Front page banner

2023-11-03T20:58:23Z

Charlot:

DevOps:Doc/Open CSP/2.0/Installation

2023-11-02T21:06:38Z

Charlot:

== Prerequisites for a successful installation ==
Make sure the MediaWiki installation you want to install Open CSP on meets [[DevOps:Doc/Open CSP/1.0/Requirements|the requirements]].

== Steps to install Open CSP ==
Then follow these steps to set up your Open CSP wiki:

# Copy the installation script from [https://raw.githubusercontent.com/Open-CSP/open-csp/REL1_39/.github/install_open_csp.sh this GitHub] repo to your mediawiki server.
# Run the installation script

./install_open_csp.sh <mediawiki directory>

From this point on the script will guide you through all the necessary steps for installation.

Should it be aborted or run into an error, if you restart it will restart from the step it failed at. If you would like it to re-run from the start instead you can add the parameter –skip-steps=0 to do this.

== Files that will be installed ==
* composer.local.json - For installing all the necessary extensions.
* settings/CSPSettings.php - This file contains all the CSP related MediaWiki settings. It is to be included from LocalSettings.php (install step 2 will take care of this)
* logo/Logo.svg - The Open CSP logo. You can replace this with your own logo and it will be preserved in upgrades. If present it will not be overwritten by the install script unless you explicitly choose to let it do so.
* skin/* - CSP skin files
* wsps/* - Pages to be imported, this will be done by PageSync; one of the extensions installed in the composer step.

== Additional install options ==
The install script for this release has been significantly rewritten resulting in a number of new options.
You can see what they are by running:
./install_open_csp.sh --help.

There is one that's worth highlighting here: --automatic.

Actually there's two if you count -–manual, but if omitted, --manual is the default mode.

In manual mode you will be guided through the installation and be given a number of prompts.

In automatic mode, however, it will - where needed - attempt to make the logical choices inferred from context or other parameters, but it will - in any case - not present prompts.

This allows this install script to be used in things like a Dockerfile or a cloud-init script for VPS deployment.

== Installation done ==
Make sure to [[DevOps:Doc/Open_CSP/2.0/Additional content|Install Additional Content]] to get you started with Open CSP easily.

DevOps:Doc/Open CSP/2.0/Additional content

2023-11-02T21:00:24Z

Charlot:

Once you have installed Open CSP you can install additional content that will help you get started with Open CSP.
{|
!From any page. Click in the Top menu on Admin Links.
![[File:OCSP content 1.jpg|right|frameless|600x600px|Click on Admin links in the top menu]]
|-
|'''Click on PageSync'''
|[[File:OCSP content 2.jpg|right|frameless|600x600px]]
|-
|'''Click on Share to go to the PageSync Share files'''
|[[File:OCSP content 3.jpg|right|frameless|600x600px]]
|-
|'''If needed, scroll to the bottom and click on ''INSTALL A SHARED ZIP FILE'''''
|[[File:OCSP content 4.jpg|right|frameless|600x600px]]
|-
|'''Scroll to the ''Open-CSP Additional'' area at the bottom of the list. Here you can see the requirements for this PageSync Shared file and if you meet these requirements.'''
'''Click the checkbox and then ''PREVIEW SHARED FILE''. This will still not install anything, but will give you an overview of what is contained in the PageSync Share file.'''
|[[File:OCSP content 5.jpg|right|frameless|600x600px]]
|-
|'''This will give you an overview of what is contained in the PageSync Shared File.'''

'''This content will install one page in the Main namespace called OpenCSP. Some widgets and files to have the page look good and the nav menu will get an extra admin HELP item.'''

'''Click on the "''I agree with the description''"-checkbox. Then click in ''INSTALL FILES''.'''

|[[File:OCSP content 6.jpg|right|frameless|600x600px]]
|-
|'''Installation is almost instant and the new page will give you an overview of what has been done.'''
|[[File:OCSP content 7.jpg|right|frameless|600x600px]]
|-
|'''Now go back to the ''mainpage/home page''. Click on the ''Tools'' menu and there should be a new entry called ''Help''. Click on it to go to the new content with useful links to get you started.'''
|[[File:OCSP content 8.jpg|right|frameless|600x600px]]
|}

File:OCSP content 8.jpg

2023-11-02T20:58:34Z

Charlot:

Click on Help

File:OCSP content 7.jpg

2023-11-02T20:57:27Z

Charlot:

Installation done

File:OCSP content 6.jpg

2023-11-02T20:52:58Z

Charlot:

Content of the PageSync Shared file

DevOps:Doc/Open CSP/2.0/Additional content

2023-11-02T20:52:07Z

Charlot:

File:OCSP content 5.jpg

2023-11-02T20:50:22Z

Charlot:

Click the checkbox and then PREVIEW SHARED FILE

File:OCSP content 4.jpg

2023-11-02T20:49:03Z

Charlot:

If needed, scroll to the bottom and click on INSTALL A SHARED ZIP FILE

File:OCSP content 3.jpg

2023-11-02T20:47:07Z

Charlot:

Click on Share

File:OCSP content 2.jpg

2023-11-02T20:45:03Z

Charlot:

Click on PageSync

File:OCSP content 1.jpg

2023-11-02T20:41:54Z

Charlot:

Admin Links

DevOps:Doc/Open CSP/2.0/Additional content

2023-11-02T20:40:58Z

Charlot:

Once you have installed Open CSP.

DevOps:Doc/Open CSP/2.0/About Open CSP

2023-11-02T19:20:36Z

Charlot: User:Charlot

<h1 class="display-3">About Open CSP</h1>

<h3>Introduction</h3>

Open CSP, short for "Open Content Services Platform," is a versatile and innovative open-source software solution designed to transform the way organizations manage, collaborate on, and access digital content and knowledge. This platform is built upon the robust foundation of the MediaWiki platform, enriched with powerful extensions, and tailored to meet the diverse needs of content management, structured data collection, and dynamic forms creation

<h3>Key highlights of Open CSP</h3>
<ul class="list-group list-group-flush">
<li class="list-group-item">'''Structured Data Mastery:''' Leveraging the power of Semantic MediaWiki, Open CSP empowers organizations to manage structured and semantic data effectively, creating meaningful connections between information.</li>
<li class="list-group-item">'''Dynamic Forms:''' With the integrated FlexForm extension, users can effortlessly create customized forms for data collection, surveys, and more, enhancing data-driven workflows and interactions. FlexForm also includes a built-in Word to Wiki converter, simplifying content migration from Microsoft Word and other word processing applications, further expanding its utility for users.</li>
<li class="list-group-item">'''Efficient Search:''' Open CSP features robust search capabilities, enabling users to quickly locate and access relevant content and information within the platform.</li>
<li class="list-group-item">'''Tailored Customization:''' Open CSP provides extensive customization options, allowing users to personalize the platform to suit their unique needs, whether it's for traditional wikis, structured data initiatives, or specialized knowledge sharing.</li>
<li class="list-group-item">'''Community Engagement:''' The platform fosters community engagement and collaboration.</li>
</ul>

<h3>Use Cases</h3>
<p class="lead">
Open CSP is suitable for a wide range of use cases, including
</p>
<ul class="list-group list-group-flush">
<li class="list-group-item">'''Traditional Wikis:''' Create and manage wikis with user-friendly editing and content organization features.</li>
<li class="list-group-item">'''Knowledge Bases:''' Build comprehensive knowledge bases for easy access to critical information.</li>
<li class="list-group-item">'''Data Collection:''' Utilize dynamic forms for structured data collection, surveys, and feedback.</li>
<li class="list-group-item">'''Collaborative Workspaces:''' Foster collaboration and teamwork within your organization.</li>
</ul>

<p class="lead">
Enterprise use cases
</p>
<ul class="list-group list-group-flush">
<li class="list-group-item">'''Project Collaboration and Documentation:''' Open CSP can serve as a centralized platform for project teams to collaborate, share documents, track project progress, and maintain documentation. Teams can create project-specific wikis and dynamic forms to streamline project management.</li>
<li class="list-group-item">'''Corporate Intranet:''' Open CSP can function as an intranet portal, providing employees with a centralized hub for accessing company policies, procedures, employee directories, and internal news. The platform's dynamic forms can be used for employee surveys, feedback collection, and IT service requests.</li>
<li class="list-group-item">'''Knowledge Base for Customer Support:''' Enterprises can build a robust knowledge base using Open CSP to support customer service teams. Articles, FAQs, troubleshooting guides, and product documentation can be organized and easily accessible to assist customer support representatives in resolving customer inquiries efficiently.</li>
<li class="list-group-item">'''Human Resources and Training:''' Open CSP can be employed by HR departments to manage employee training materials, onboarding processes, and policy documentation. Dynamic forms can facilitate training program enrollment and feedback collection.</li>
<li class="list-group-item">'''Compliance and Regulatory Documentation:''' Enterprises operating in regulated industries can use Open CSP to maintain compliance documentation, track regulatory changes, and ensure employees have access to up-to-date compliance materials.</li>
<li class="list-group-item">'''Quality Assurance and Process Management:''' Open CSP can support quality assurance efforts by providing a platform for documenting and managing quality processes, audit records, and continuous improvement initiatives. Dynamic forms can facilitate incident reporting and corrective action workflows.</li>
<li class="list-group-item">'''Sales and Marketing Collateral:''' Sales and marketing teams can use Open CSP to store and manage sales collateral, marketing materials, product catalogs, and campaign assets. The platform can enhance collaboration between sales and marketing departments.</li>
<li class="list-group-item">'''Multi-Departmental Collaboration:''' Large enterprises with multiple departments can benefit from Open CSP's ability to create department-specific wikis and forms. This encourages interdepartmental collaboration while maintaining separate spaces for each team's content.</li>
<li class="list-group-item">'''Custom Enterprise Apps:''' Open CSP's flexibility allows organizations to develop custom enterprise applications by integrating forms and structured data with business processes. This can include custom dashboards, reporting tools, and workflow automation.</li>
<li class="list-group-item">'''Intellectual Property Management:''' Companies with intellectual property assets can use Open CSP to manage patents, trademarks, copyrights, and licensing agreements. The platform can help centralize IP-related documents and ensure compliance.</li>
<li class="list-group-item">'''Supplier and Vendor Management:''' Open CSP can be employed to maintain supplier and vendor documentation, contracts, procurement processes, and vendor performance records. This supports efficient supplier relationship management.</li>
</ul>

'''Open CSP''' is the go-to solution for organizations seeking an adaptable, open-source platform for content and data management, knowledge sharing, and structured information collection. Its flexible nature, semantic capabilities, dynamic forms and content import capabilities, make it an ideal choice for businesses, educational institutions, nonprofits, and others looking to harness the power of wikis and structured data in a unified, user-friendly environment.

DevOps:Doc/Open CSP/2.0/Class definitions

2023-11-02T19:20:16Z

Charlot: User:Charlot

In Open CSP you can add structured data to content pages by using class definitions. A class definition is a configuration for a specific type of page.

For example you might have a "Person" class definition. On the class definition page you can configure that a person has parameters such as a first name, last name and date of birth.

When a user creates a person page, they will have the option to fill these fields (or you could also configure them to be mandatory).

The data is by default displayed in a sidebar on the right side of a page, but this layout can also be configured through the class definition.

Managing class definitions is typically done by administrators, while users can create content pages with the defined classes.

Data is stored in slots, so that users can edit the main content of a page in the same way as you would edit any wiki page, without having templates and other non content related items.

DevOps:Doc/Open CSP/2.0/About Open CSP

2023-11-02T19:19:20Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/2.0/Extensions

2023-11-02T19:19:05Z

Charlot: User:Charlot

== Extensions are installed with Composer ==
Open CSP uses composer for installation of extension.

=== Extensions and skin used ===

<table class="table table-hover">
<tr>
<th scope="col">Name</th>
<th scope="col">Version / Branch</th>
</tr>
<tr>
<td>AdminLinks</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>Bootstrap</td>
<td>4.5.0</td>
</tr>
<tr>
<td>ChameleonSkin</td>
<td>^4.2</td>
</tr>
<tr>
<td>DisplayTitle</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>MyVariables</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>ReplaceText</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>SemanticExtraSpecialProperties</td>
<td>3.0.4</td>
</tr>
<tr>
<td>SemanticMediaWiki</td>
<td>^4.1.1</td>
</tr>
<tr>
<td>SemanticResultFormats</td>
<td>4.0.2</td>
</tr>
<tr>
<td>SemanticScribunto</td>
<td>2.2.0</td>
</tr>
<tr>
<td>UrlGetParameters</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>UserFunctions</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>Widgets</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>Elasticsearch</td>
<td>^6.8</td>
</tr>
<tr>
<td>FlexForm</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>PageSync</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>WSSlots</td>
<td>^4.0</td>
</tr>
<tr>
<td>WSSPaces</td>
<td>^2.2</td>
</tr>
<tr>
<td>WikiSearch</td>
<td>dev-REL1_39</td>
</tr>
<tr>
<td>ArrayFunctions</td>
<td>v1.4.2</td>
</tr>
<tr>
<td>CSPResources</td>
<td>v2.0.0</td>
</tr>
<tr>
<td>WikiSearchFront</td>
<td>v2.0.4</td>
</tr>

</table>

DevOps:Doc/Open CSP/2.0/Additional content

2023-11-02T19:18:47Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/2.0/Installation

2023-11-02T19:18:32Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/2.0/Installation

2023-11-02T19:18:24Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/2.0/Installation

2023-11-02T19:18:13Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/1.0/Requirements

2023-11-02T19:17:57Z

Charlot: User:Charlot

The Open CSP framework will be installed on a current MediaWiki installation. That MediaWiki installation should meet these requirements:
* PHP version >=8.0 <9
* Composer version >=2
* Mediawiki version 1.39
* ElasticSearch version 6.8
*

DevOps:Doc/Open CSP/2.0/Additional content

2023-11-02T19:17:46Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/2.0/Installation

2023-11-02T19:17:20Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/2.0/Extensions

2023-11-02T19:17:00Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/2.0/Additional content

2023-11-02T19:15:59Z

Charlot: User:Charlot

DevOps:Doc/Open CSP/2.0/Installation

2023-11-02T08:48:31Z

Charlot:

DevOps:Doc/Open CSP/2.0/Class definition architecture

2023-10-27T18:21:29Z

Charlot: User:Charlot

Open CSP stores metadata of pages in slots. Pages are displayed with various components (for which the Chameleon skin is used), which can look differently based on the configuration found in class definition pages.

== Metadata stored in slots ==
Before slots were used, there were two common ways to deal with structured data:

* A) Have templates with structured data in between the content (free text) of a page.
* B) Have one template that wraps the entire page content, with some parameters for structured data and also a parameter for free text

The advantage of using slots is that you can separate the metadata from the content and also separate the storing of the data from displaying it. This reduces the risk of making mistakes when editing, while allowing you to have forms for editing structured data and to use VisualEditor to edit the main content.

Note: data is stored in SMW properties as well, but class definitions do not rely on this. SMW is used for example for [[Search]] and [[Pages]]. It would technically be possible to modify the Open CSP framework to work with a different data storage extension, if you would make your own alternatives for the pages that use SMW queries or WikiSearch.

The following slots are used by Open CSP:

=== csp-base-props ===
In this slot '''Template:Base properties''' is used to store data dat is common to all pages, such as the Class and Title:<syntaxhighlight lang="html">
{{Base properties
|Class=
|Title=
}}
</syntaxhighlight>

=== csp-class-props ===
In this slot '''Template:Csp class properties''' is used to store data that is specific to each class, based on the class definition:<syntaxhighlight lang="html">
{{Csp class properties
|Parameter1=Value1
|Parameter2=Value2
|...
}}
</syntaxhighlight>

=== csp-data ===
This is a json slot which the framework only uses for class definition pages, but could be used for storing any json data on content pages as well (if you make your own templates/forms for this).

=== Example slots of a content page ===
Let's say we have a page about a person, this could have the following slots:

csp-base-props:<syntaxhighlight lang="html">
{{Base properties
|Class=Person
|Title=Example person
}}
</syntaxhighlight>csp-class-props:<syntaxhighlight lang="html">
{{Csp class properties
|First name=John
|Last name=Smith
|Date of birth=1986-03-16
}}
</syntaxhighlight>

=== Example slots of a class definition page ===
To continue the previous example, a "Person" class definition page would have pagename '''Wiki:Class definition/Person''' and could have the following slots:

csp-base-props:<syntaxhighlight lang="html">
{{Base properties
|Class=Class definition
|Title=Person
}}
</syntaxhighlight>csp-class-props:<syntaxhighlight lang="html">
{{Csp class properties
|Defines class=Person
|Pagetitle format=title
|Layout areas='sub-header sidebar' 'main sidebar'
|Layout columns=3fr 1fr
|Layout rows=auto 1fr
}}
</syntaxhighlight>csp-data:<syntaxhighlight lang="html">
{
"CspParameterDefinitions": [
{
"name": "First name",
},
{
"name": "Last name",
},
{
"name": "Date of birth",
"formfieldTemplate": "Csp formfield/date",
"displayTemplate": "Csp parameter display/date",
}
]
}
</syntaxhighlight>

== Components ==
Open CSP uses the Chameleon skin to be able to display pages with customizable components. The following components are used:

* '''Header:''' always visible at the top of a page
* '''Main''': this component displays the content that is stored in the main slot of a page, i.e. the text that is written by users
* '''Sub-header''': by default shown below the header with '''Template:Csp default subheader''', can be customized through class definitions
* '''Sidebar''': by default shown on right side with '''Template:Csp default sidebar''', can be customized through class definitions, metadata is displayed in this component
* '''Footer''': by default not displayed, can be customized through class definitions

<br>Open CSP uses system messages inside these components. These system message contain some logic with various parser functions and Lua functions, in order to display a component based on the slot data of page as well as the slot data of the corresponding class definition page. This logic works as follows:

* A component contains a system message that invokes a Lua function, for example <code><nowiki>{{#invoke:CspComponents|parseComponentIfApplicable|sidebar}}</nowiki></code>. This Lua function does the following:
* Retrieve slotdata from current page
* Get "Class" parameter from slotdata (return if it does not exist)
* Get class definition pagename corresponding to the class
* Get slotdata from class definition page (return if it does not exist)
* If the component is not found in the "Layout areas" parameter of the class definition page, return
* Parse component template (for example '''Template:Csp default sidebar''', unless a different template is found in the class definition data)
* Pass all of the slotdata from the current page as well as the class definition slotdata to this template, in the form of an ArrayFunctions export

DevOps:Doc/Open CSP/2.0/Class definition customization options

2023-10-27T18:19:47Z

Charlot: User:Charlot

In '''Open CSP 2.0''' the default sidebar was added, this allows you to have sidebars without having to create custom sidebar templates for each class definition. There are some customization options built into the default sidebar as well. It is recommended to use these customization options when possible and to only create fully custom sidebar templates when absolutely necessary, as the fully custom sidebar templates require a lot more maintenance work when for example some parserfunctions get deprecated or changed. This document describes the various customization options.

== Parameters and formfield/display templates ==
* Edit parameters on a class definition page, to configure what will show up on your sidebar.
* Note that the parameter configuration is also used for setting properties, but you can use "(none)" as property name value if you don't want to set a property.
* Only the "parameter name" field is required. When you only fill this, you will get default text fields in the sidebars.
* Choose a displayTemplate to configure how a parameter is displayed in the view tab of the default sidebar.
* Choose a formfieldTemplate to configure what type of form field is used in the edit tab of the default sidebar.
* DisplayTemplate and formfieldTemplate can both be set to "(none)" to not have a parameter show up in respectively the view and edit tabs of the default sidebar.

== Custom formfield/display templates ==
* It is possible to add custom template names in the displayTemplate and formfieldTemplate fields.
* All fields that are filled for a parameter will be passed to the templates so they can be accessed through template parameters there. For example you can use <nowiki>{{{allowedValues|}}}</nowiki> in a formfieldTemplate. It might be useful to look at the csp-data slot of the class definition to see all of the parameters.
* The values of parameters on a content page are also passed to the display/formfield templates as the "value" parameter.
* In a display/formfield template you cannot access values of other parameters directly, but you can do this by using <nowiki>{{#invoke:CspFunctions|getParentArgs|$pageData}}</nowiki>, which will return the $pageData parameter that is used in '''Template:Csp default sidebar''' (and contains an [[mediawikiwiki:Extension:ArrayFunctions|ArrayFunctions]] export with slotdata of the page).
* It is possible to add fields to the json data in the csp-data slot that cannot be filled through the parameters form. For example Open CSP 2.0 does not yet include the option to specify a placeholder for your formfields, but you can add placeholder to the json data and then use <nowiki>{{{placeholder|}}}</nowiki> in a custom formfieldTemplate.

== Custom sidebar template where you are adding to the default sidebar ==
In many cases you won't necessarily want to replace the default sidebar, but you may want to add another card above or below it with additional functionality. It is possible to use the default sidebar within a custom sidebar template. For example like the following code snippet:<syntaxhighlight lang="wikitext">
{{Csp default sidebar
|$pageData={{{$pageData|}}}
|$classData={{{$classData|}}}
}}

{{Csp sidebar tabs
|id=another-card
|canEdit=yes
|closeButton=
|title=Another card
|subTitle=Below the default sidebar
|view=<div class="card-body">viewtab content</div>
|edit=<div class="card-body">edittab content</div>
}}
</syntaxhighlight>

== Fully custom sidebar template ==
In a fully custom sidebar template you can do anything you want. You will still get the $pageData and $classData parameters passed to this template so you can use those. The following is an example of custom sidebar code that will produce a sidebar similar to the default one, perhaps this will give you some ideas for what's possible:

<syntaxhighlight lang="html">
<div class="tab-content"><input type="radio" id="sidebar-view" name="toggle-sidebar" checked="checked" class="d-none sidebar-view" /><div class="card sidebar-view-tab">
<div class="card-header">{{#ifeq:{{#ifingroup:user |{{#if:{{#urlget:veaction}}{{#urlget:action}}||yes}} }}|yes |<span style="float:right"><label for="sidebar-edit" class="btn btn-secondary">Edit</label></span>}}
<b class="d-block">{{#af_get:{{{$pageData}}}|csp-base-props|Base properties|1|Class|_text}}</b>
{{#af_get:{{{$pageData}}}|csp-base-props|Base properties|1|Title|_text}}
</div>
<div class="card-body">
{{Csp sidebar item
|Label=Title
|Value={{#af_get:{{{$pageData}}}|csp-base-props|Base properties|1|Title |_text}}
}}{{Csp sidebar item
|Label=TextInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TextInput |_text}}
}}{{Csp sidebar item
|Label=TokenInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TokenInput |_text}}
}}{{Csp sidebar item
|Label=AskTokenInput
|Value={{#af_join:{{#af_map:{{#af_split:{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|AskTokenInput |_text}}|,}}|@@|[[{{{@@}}}|{{#show:{{{@@}}}|?Title}}]]}}|<br>}}
}}{{Test date display
|Name=DateInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|DateInput |_text}}
}}
{{Csp sidebar item
|Label=DateInputTwo
|Value={{#if:{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|DateInputTwo |_text}} |{{#time: j M Y H:i |{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|DateInputTwo |_text}} }} }}
}}{{Csp sidebar item
|Label=TextInputTwo
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TextInputTwo |_text}}
}}{{Csp sidebar item
|Label=CheckboxInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|CheckboxInput |_text}}
}}{{Csp sidebar item
|Label=TextAreaInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TextAreaInput |_text}}
}}{{Csp sidebar item
|Label=NumberInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|NumberInput |_text}}
}}{{Csp sidebar item
|Label=SelectInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|SelectInput |_text}}
}}{{Csp sidebar item
|Label=TokenMultipleInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TokenMultipleInput |_text}}
}}</div>
</div>{{#ifeq:{{#ifingroup:user |{{#if:{{#urlget:veaction}}{{#urlget:action}}||yes}} }}|yes |<input type="radio" id="sidebar-edit" name="toggle-sidebar" class="d-none sidebar-edit" /><div class="card sidebar-edit-tab"><div class="card-header"><span style="float:right"><label for="sidebar-view" class="btn btn-secondary" >Close</label></span>
<b class="d-block">{{#af_get:{{{$pageData}}}|csp-base-props|Base properties|1|Class|_text}}</b>
{{#af_get:{{{$pageData}}}|csp-base-props|Base properties|1|Title|_text}}
</div>
<div class="card-body">
<form><_edit target="{{PAGEID}}" template="Base properties" formfield="Title" mwslot="csp-base-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="TextInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="TokenInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="AskTokenInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="DateInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="DateInputTwo" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="TextInputTwo" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="CheckboxInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="TextAreaInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="NumberInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="SelectInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="TokenMultipleInput" mwslot="csp-class-props" />
<_edit target="{{PAGEID}}" template="Csp class properties" formfield="TestNoDisplay" mwslot="csp-class-props" />
{{Csp sidebar item
|Label=Title
|Value=<input type="text" name="Title" class="form-control" required="required" value="{{#af_get:{{{$pageData}}}|csp-base-props|Base properties|1|Title|_text}}" />
}}
{{Csp sidebar item
|Label=TextInput
|Value=<input type="text" name="TextInput" class="form-control" required="required" value="{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TextInput|_text}}" />
}}
{{Csp sidebar item
|Label=TokenInput
|Value=<_token id="token-{{lc:{{anchorencode:TokenInput}} }}" name="TokenInput[]" class="form-control" allowclear selected="{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TokenInput|_text}}" options="Ay,Bee,Cee" />
}}
{{Csp sidebar item
|Label=AskTokenInput
|Value=<_token id="token-{{lc:{{anchorencode:AskTokenInput}} }}" name="AskTokenInput[]" class="form-control" required="required" multiple="multiple" input-length-trigger="1" query="[[Class::+]][[Title::!!!]](limit=999)(returntext=Title)" >
{{#af_join:{{#af_map:{{#af_split:{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|AskTokenInput|_text}} }} |$value|<option value="{{{$value}}}" selected="selected">{{#show:{{{$value}}}|?Title}}</option>}}|\n}}
</_token>
}}
{{Test date formfield
|Name=DateInput
|Value={{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|DateInput|_text}}
}}{{Csp sidebar item
|Label=DateInputTwo
|Value=<input type="datetime-local" name="DateInputTwo" class="form-control" value="{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|DateInputTwo|_text}}" />
}}
<div class='alert alert-danger'>No template defined in parameter definitions</div>{{Csp sidebar item
|Label=<label for="checkbox-{{lc:{{anchorencode:CheckboxInput}} }}" >CheckboxInput</label>
|Value=<input type="hidden" name="CheckboxInput" value="" />
<input type="checkbox" id="checkbox-{{lc:{{anchorencode:CheckboxInput}} }}" name="CheckboxInput" value="Yes" checked="{{#ifeq:{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|CheckboxInput|_text}} |Yes|checked}}" />
}}
{{Csp sidebar item
|Label=TextAreaInput
|Value=<input type="textarea" name="TextAreaInput" class="form-control" >{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TextAreaInput|_text}}</input>
}}
{{Csp sidebar item
|Label=NumberInput
|Value=<input type="number" name="NumberInput" class="form-control" value="{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|NumberInput|_text}}" />
}}
{{Csp sidebar item
|Label=SelectInput
|Value=<select name="SelectInput" class="form-control" allowclear selected="{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|SelectInput|_text}}" options="Alpha,Bravo,Charlie" />
}}
{{Csp sidebar item
|Label=TokenMultipleInput
|Value=<_token id="token-{{lc:{{anchorencode:TokenMultipleInput}} }}" name="TokenMultipleInput[]" class="form-control" multiple="multiple" selected="{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TokenMultipleInput|_text}}" options="Alpha,Bravo,Charlie" />
}}
{{Csp sidebar item
|Label=TestNoDisplay
|Value=<input type="text" name="TestNoDisplay" class="form-control" value="{{#af_get:{{{$pageData}}}|csp-class-props|Csp class properties|1|TestNoDisplay|_text}}" />
}}
<div class="text-right">
<label for="sidebar-view" class="btn btn-secondary">Close</label>
<input type="submit" value="Save" class="btn btn-primary" />
</div>
</form>
</div>
</div>
|}}
</div>
</syntaxhighlight>