DevOps:Doc/FlexForm/2.0/Getting started - Revision history

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

2025-08-21T09:07:02Z

Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

ws-class-props
← Older revision		Revision as of 11:07, 21 August 2025
Line 1:		Line 1:
	{{Csp class properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1,2.5
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc sort order=5		\|Doc sort order=5

Maintenance script: Imported by PageSync

2025-07-15T08:36:53Z

Imported by PageSync

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

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295 at 12:25, 31 March 2025

2025-03-31T12:25:58Z

← Older revision		Revision as of 14:25, 31 March 2025
Line 22:		Line 22:
	</syntaxhighlight>		</syntaxhighlight>

	~~Need~~ some help ?		They only extra thing you need to add to a FlexForm Form is what to do when the form is submitted. The Docs will help you there.


			Still need some help ?

	[[File:Discord-logo-blue.png\|alt=\|frameless\|300x300px\|link=https://discord.gg/ehFrPmT]]		[[File:Discord-logo-blue.png\|alt=\|frameless\|300x300px\|link=https://discord.gg/ehFrPmT]]

Charlot at 20:06, 9 October 2023

2023-10-09T20:06:48Z

← Older revision		Revision as of 22:06, 9 October 2023
Line 13:		Line 13:
	<input type="submit" value="submit" />		<input type="submit" value="submit" />
	</form>		</form>
	</syntaxhighlight ~~lang="wikitext"~~>This is the same form, but now build with '''FlexForm''' :<syntaxhighlight>		</syntaxhighlight>This is the same form, but now build with '''FlexForm''' :
			<syntaxhighlight lang="wikitext">
	<form>		<form>
	<label for="name">Name</label>		<label for="name">Name</label>

Charlot at 20:06, 9 October 2023

2023-10-09T20:06:15Z

← Older revision		Revision as of 22:06, 9 October 2023
Line 13:		Line 13:
	<input type="submit" value="submit" />		<input type="submit" value="submit" />
	</form>		</form>
	</syntaxhighlight>This is the same form, but now build with '''FlexForm''' :<syntaxhighlight>		</syntaxhighlight lang="wikitext">This is the same form, but now build with '''FlexForm''' :<syntaxhighlight>
	<form>		<form>
	<label for="name">Name</~~_label~~>		<label for="name">Name</label>
	<input type="text" name="name" />		<input type="text" name="name" />
	<input type="submit" value="submit" />		<input type="submit" value="submit" />

Charlot: User:Charlot

2023-03-31T19:57:21Z

User:Charlot

ws-class-props
← Older revision		Revision as of 21:57, 31 March 2023
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Subject version=2.0		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc sort order=5		\|Doc sort order=5

Charlot at 12:54, 24 January 2023

2023-01-24T12:54:14Z

← Older revision		Revision as of 14:54, 24 January 2023
Line 22:		Line 22:

	Need some help ?		Need some help ?

			[[File:Discord-logo-blue.png\|alt=\|frameless\|300x300px\|link=https://discord.gg/ehFrPmT]]

	Try the FlexForm Discord channel at https://discord.gg/ehFrPmT		Try the FlexForm Discord channel at https://discord.gg/ehFrPmT

	or		[[File:Logo-ele-secondary.svg\|alt=\|frameless\|300x300px\|link=https://matrix.to/#/#wsform:matrix.org]]

	Join the FlexForm and PageSync element channel : https://matrix.to/#/#wsform:matrix.org		Join the FlexForm and PageSync element channel : https://matrix.to/#/#wsform:matrix.org

Charlot at 20:06, 13 December 2022

2022-12-13T20:06:25Z

← Older revision		Revision as of 22:06, 13 December 2022
Line 14:		Line 14:
	</form>		</form>
	</syntaxhighlight>This is the same form, but now build with '''FlexForm''' :<syntaxhighlight>		</syntaxhighlight>This is the same form, but now build with '''FlexForm''' :<syntaxhighlight>
	<~~_form action="get"~~>		<form>
	<~~_label~~ for="name">Name</_label>		<label for="name">Name</_label>
	<~~_input~~ type="text" name="name" />		<input type="text" name="name" />
	<~~_input~~ type="submit" value="submit" />		<input type="submit" value="submit" />
	</~~_form~~>		</form>
	</syntaxhighlight>		</syntaxhighlight>

Charlot: User:Charlot

2022-12-13T20:05:56Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:05, 13 December 2022
Line 4:		Line 4:
	\|Doc sort order=5		\|Doc sort order=5
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=Tips on getting started with FlexForm
			\|Doc parent=
	}}		}}

Charlot: User:Charlot

2022-12-13T20:05:24Z

User:Charlot

New page

'''FlexForm''' is a parser function. You can use it on any page and in any namespace. By default it will render plain HTML5 forms with no styling. To bring forms to life and make them attractive, you will need to add styling to a '''FlexForm''' or render using themes.

'''FlexForm''' syntax is much like creating a standard form in HTML5, so if you are familiar with creating HTML5 forms, you should have no problems with '''FlexForm'''.

If you are not familiar with HTML Forms, then [https://www.w3schools.com/html/html_forms.asp this link to W3schools] might be a good start.

Example:

This is a simple HTML5 form :<syntaxhighlight lang="html5">
<form>
<label for="name">Name</label>
<input type="text" name="name" />
<input type="submit" value="submit" />
</form>
</syntaxhighlight>This is the same form, but now build with '''FlexForm''' :<syntaxhighlight>
<_form action="get">
<_label for="name">Name</_label>
<_input type="text" name="name" />
<_input type="submit" value="submit" />
</_form>
</syntaxhighlight>

Need some help ?

Try the FlexForm Discord channel at https://discord.gg/ehFrPmT

or

Join the FlexForm and PageSync element channel : https://matrix.to/#/#wsform:matrix.org