DevOps:Doc/FlexForm/1.0/input/file - Revision history

81d56153-9868-4094-90a0-df1700ff7090: Text replacement - "{{Doc properties" to "{{Csp class properties"

2025-07-15T08:59:01Z

Text replacement - "{{Doc properties" to "{{Csp class properties"

ws-class-props
← Older revision		Revision as of 10:59, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Subject version=1.0,1.1		\|Subject version=1.0,1.1

Charlot: User:Charlot

2022-09-22T12:54:53Z

User:Charlot

ws-class-props
← Older revision		Revision as of 14:54, 22 September 2022
Line 5:		Line 5:
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=Using file uploads
	}}		}}

Charlot at 09:35, 16 September 2022

2022-09-16T09:35:35Z

← Older revision		Revision as of 11:35, 16 September 2022
Line 13:		Line 13:

	'''pagecontent ''': Text content to be added on the File Page		'''pagecontent ''': Text content to be added on the File Page

	~~'''comment''': Text that shows in the Contributions list or Recent changes~~

	'''force ''': Force images to a certain format (png, jpg or gif). When using this option, any file uploaded that is not supported will be uploaded as is.		'''force ''': Force images to a certain format (png, jpg or gif). When using this option, any file uploaded that is not supported will be uploaded as is.

Charlot at 20:12, 15 September 2022

2022-09-15T20:12:56Z

← Older revision		Revision as of 22:12, 15 September 2022
Line 13:		Line 13:

	'''pagecontent ''': Text content to be added on the File Page		'''pagecontent ''': Text content to be added on the File Page

			'''comment''': Text that shows in the Contributions list or Recent changes

	'''force ''': Force images to a certain format (png, jpg or gif). When using this option, any file uploaded that is not supported will be uploaded as is.		'''force ''': Force images to a certain format (png, jpg or gif). When using this option, any file uploaded that is not supported will be uploaded as is.

Admin at 08:21, 13 September 2022

2022-09-13T08:21:38Z

← Older revision		Revision as of 10:21, 13 September 2022
Line 26:		Line 26:
	'''parsecontent''': Will force FlexForm to insert values from other form fields inside the pagecontent field. Use square brackets, like [fieldname], where values should be inserted.		'''parsecontent''': Will force FlexForm to insert values from other form fields inside the pagecontent field. Use square brackets, like [fieldname], where values should be inserted.

	'''template''' : If you want to store a template call inside the content of the File page, you can '''template=<name of your template>''' in combination with '''parsecontent'''. [flexform-template] inside your content field will be replaced by '''{{<name of your template''' and '''[/flexform-template]''' will be replaced by '''}}'''. See example 4 on the examples page.		'''template''' : If you want to store a template call inside the content of the File page, you can '''template=<name of your template>''' in combination with '''parsecontent'''. [flexform-template] inside your content field will be replaced by '''{{<name of your template''' and '''[/flexform-template]''' will be replaced by '''}}'''. See example 3 on the examples page.

	'''*'''= a required variable		'''*'''= a required variable

Admin at 08:17, 13 September 2022

2022-09-13T08:17:56Z

← Older revision		Revision as of 10:17, 13 September 2022
Line 25:		Line 25:

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

			'''template''' : If you want to store a template call inside the content of the File page, you can '''template=<name of your template>''' in combination with '''parsecontent'''. [flexform-template] inside your content field will be replaced by '''{{<name of your template''' and '''[/flexform-template]''' will be replaced by '''}}'''. See example 4 on the examples page.

	'''*'''= a required variable		'''*'''= a required variable

Charlot at 17:49, 9 September 2022

2022-09-09T17:49:37Z

← Older revision		Revision as of 19:49, 9 September 2022
Line 55:		Line 55:

	'''You cannot use both file uploads in one form.'''		'''You cannot use both file uploads in one form.'''

	~~===Examples===~~
	~~==== Example 1 ====~~
	~~<syntaxhighlight lang="html">~~
	~~<_input type="file" id="file-upload" 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 action="addToWiki" enctype="multipart/form-data" >~~
	~~<_input type="file" id="file-upload" 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 action="addToWiki" enctype="multipart/form-data" >~~
	~~{{#tag:_input \|\|type=file \|id=file-upload \|target=picture-[mwrandom] \|parsecontent=true \|pagecontent=<nowiki>{{Uploaded file~~
	~~\|Uploaded from page=</nowiki>{{FULLPAGENAME}}<nowiki>~~
	~~\|Uploaded by=</nowiki>{{CURRENTLOGGEDUSER}}<nowiki>~~
	~~\|Comment=[Comment]~~
	~~}}</nowiki>~~
	}}
	~~<_input type="text" name="Comment" placeholder="Comment" />~~
	~~<_input type="submit" value="upload" />~~
	~~</_form>~~

	~~</syntaxhighlight>~~

	===Note===		===Note===

Slot migration: Slot migration

2022-08-03T12:00:15Z

Slot migration

ws-class-props
← Older revision		Revision as of 14:00, 3 August 2022
Line 1:		Line 1:
			{{Doc properties
			\|Doc subject=DevOps:Doc/FlexForm
			\|Subject version=1.0,1.1
			\|Doc parent=DevOps:Doc/FlexForm/1.0/input
			\|Doc sort order=110
			\|Doc target group=User
			}}
ws-page-props
Line 1:		Line 1:
	~~{{Doc properties~~
	~~\|Doc subject=DevOps:Doc/FlexForm~~
	~~\|Subject version=1.0,1.1~~
	~~\|Doc parent=DevOps:Doc/FlexForm/1.0/input~~
	~~\|Doc sort order=110~~
	~~\|Doc target group=User~~
	}}

Admin at 07:57, 16 June 2022

2022-06-16T07:57:36Z

← Older revision		Revision as of 09:57, 16 June 2022
Line 22:		Line 22:
	'''use_label ''': Doesn't require a value. When an input field has a label attached to it, then the label will become the upload button and the input field will be hidden		'''use_label ''': Doesn't require a value. When an input field has a label attached to it, then the label will become the upload button and the input field will be hidden

	'''dropzone ''': Doesn't require a value. Will turn the verbose div into an additional file drop zone		'''dropzone ''': Doesn't require a value. Will turn the verbose div into an additional file drop zone. If you also '''use_label''', then the label will become the dropzone.

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

Charlot at 13:16, 12 May 2022

2022-05-12T13:16:15Z

← Older revision		Revision as of 15:16, 12 May 2022
Line 36:		Line 36:

	The syntax is the same as above, but it only needs : target and pagecontent. The other arguments are ignored. Additionally it needs an argument called '''presentor="canvas"''' and it needs the ID of the element you want to convert to an image: '''canvas_source_id'''.		The syntax is the same as above, but it only needs : target and pagecontent. The other arguments are ignored. Additionally it needs an argument called '''presentor="canvas"''' and it needs the ID of the element you want to convert to an image: '''canvas_source_id'''.

			''By default the image will always be a .jpg file. We plan to support png if this is requested.''

	For example you have a DIV element with id="content-to-convert". Within this DIV you have content you want to convert to an image an upload to the Wiki.		For example you have a DIV element with id="content-to-convert". Within this DIV you have content you want to convert to an image an upload to the Wiki.

	A FlexForm to utilize this would look something like this :		A FlexForm to utilize this would look something like this :
			<syntaxhighlight lang="html">
			<div id="content-to-convert" style="width:500px">
			<h1>Test Screenshot</h1>
			<p>Lots of other content here</p>
			</div>

			<_form action="addToWiki" >
			<_input type="file" presentor="canvas" id="canvasUpload" target="testCanvasFile.jpg" pagecontent="testing" canvas_source_id="content-to-convert" />
			<_input type="submit" value="upload" />
			</_form>
			</syntaxhighlight>

	'''You cannot use both file uploads in one form.'''		'''You cannot use both file uploads in one form.'''