CIForms sandbox: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
This is a sandbox for https://www.mediawiki.org/wiki/Extension:CIForms ! | This is a sandbox for https://www.mediawiki.org/wiki/Extension:CIForms ! | ||
==Basic, one column== | |||
This is the simplest form (type "inputs" by default, one column) | This is the simplest form (type "inputs" by default, one column) | ||
| Line 26: | Line 28: | ||
}} | }} | ||
==Placeholders== | |||
Form with placeholders. The square brackets contain the placeholder and the input type after the equal symbol: | Form with placeholders. The square brackets contain the placeholder and the input type after the equal symbol: | ||
| Line 49: | Line 53: | ||
}} | }} | ||
==Two columns== | |||
Inputs responsive (two columns), the square brackets contain the input type, the form rows can contain html (the label of the email input is bold) | Inputs responsive (two columns), the square brackets contain the input type, the form rows can contain html (the label of the email input is bold) | ||
| Line 75: | Line 81: | ||
}} | }} | ||
== Multiple choice == | |||
Multiple choice with arbitrary input between answers | Multiple choice with arbitrary input between answers | ||
| Line 84: | Line 92: | ||
| I ran out of money, I have to find whatever job quickly | | I ran out of money, I have to find whatever job quickly | ||
| I want to learn something new | | I want to learn something new | ||
| The job fits my background and I'm very skilled, I look forward to join your team | | The job fits my background and I'm very skilled, I look forward to join your team! | ||
| Let me explain [] | | Let me explain [] | ||
}} | }} | ||
| Line 99: | Line 107: | ||
}} | }} | ||
== Select == | |||
Select populated by wikitext | Select populated by wikitext | ||
| Line 118: | Line 128: | ||
==Nested sections== | |||
Form with nested sections | Form with nested sections | ||
| Line 138: | Line 148: | ||
| I want to learn something new | | I want to learn something new | ||
| The job fits my background and I'm very skilled, I look forward to join your team! | | The job fits my background and I'm very skilled, I look forward to join your team! | ||
| | | Let me explain [] | ||
}} | }} | ||
| Line 149: | Line 159: | ||
| I will pretend to work | | I will pretend to work | ||
| I will delegate all my work to my sister | | I will delegate all my work to my sister | ||
| | | I will work seriously | ||
}} | |||
{{#CI form section: type = inputs | |||
|title = Please describe yourself (1000 characters max) | |||
| [textarea=1000] * | |||
}} | }} | ||
| Line 172: | Line 187: | ||
| I want to learn something new | | I want to learn something new | ||
| The job fits my background and I'm very skilled, I look forward to join your team! | | The job fits my background and I'm very skilled, I look forward to join your team! | ||
| | | Let me explain [] | ||
}} | }} | ||
| Line 183: | Line 198: | ||
| I will pretend to work | | I will pretend to work | ||
| I will delegate all my work to my sister | | I will delegate all my work to my sister | ||
| | | I will work seriously | ||
}} | |||
{{#CI form section: type = inputs | |||
|title = Please describe yourself (1000 characters max) | |||
| [textarea=1000] * | |||
}} | }} | ||
Revision as of 22:16, 8 January 2022
This is a sandbox for https://www.mediawiki.org/wiki/Extension:CIForms !
Basic, one column
This is the simplest form (type "inputs" by default, one column)
The square brackets represent an input, the square brackets contain the input type
{{#CI form: title = Contact form
| type = inputs
| first and last name [] *
| email [email] *
| your message [textarea] *
}}
which produces the following
Placeholders
Form with placeholders. The square brackets contain the placeholder and the input type after the equal symbol:
{{#CI form: title = Contact form
| [first and last name] *
| [email=email] *
| [phone=tel]
| [your message=textarea] *
}}
which produces the following:
Two columns
Inputs responsive (two columns), the square brackets contain the input type, the form rows can contain html (the label of the email input is bold)
{{#CI form: title = Contact form
| type = inputs responsive
| submit = abc@test.com
| first name [] *
| last name [] *
| <b>email</b> [email] *
| phone [tel]
| your message [textarea] *
}}
Multiple choice
Multiple choice with arbitrary input between answers
{{#CI form: title = Why are you applying to this job ?
| type = multiple choice
| I send bulk application, even if I will be selected I'm not sure to confirm
| I ran out of money, I have to find whatever job quickly
| I want to learn something new
| The job fits my background and I'm very skilled, I look forward to join your team!
| Let me explain []
}}
Select
Select populated by wikitext
{{#CI form: title = Country and city
| type = inputs
| country [select={{#replace:{{Template:Countries}}|*|,}}] *
| city [] *
}}
Nested sections
Form with nested sections
{{#CI form: title = Job application
| submission groups = sysop
|
{{#CI form section: type = inputs
| name [] *
| email [] *
}}
|
{{#CI form section: type = inputs
| title = What about your motivation ?
| type = multiple choice
| I send bulk application, even if I will be selected I'm not sure to confirm
| I ran out of money, I have to find whatever job quickly
| I want to learn something new
| The job fits my background and I'm very skilled, I look forward to join your team!
| Let me explain []
}}
{{#CI form section: type = multiple choice
| title = If you will be selected (on the basis of the answer above), how will you undertake your work ? (up to 3 answers allowed)
| type = multiple choice
| max answers=3
| I will work scrupulously
| I will work meticulously
| I will pretend to work
| I will delegate all my work to my sister
| I will work seriously
}}
{{#CI form section: type = inputs
|title = Please describe yourself (1000 characters max)
| [textarea=1000] *
}}
}}
{{#CI form: title = Metti i verbi al futuro semplice
| type = cloze test
| * Vedo, vedo... che tra poco [incontrare=incontrerai] l'uomo della tua vita
| Vedo, vedo... che [avere] una grande vincita al gioco
| Questa carta mi dice che [vincere] il concorso che hai appena fatto
| Quest'altra carta mi dice che [sposarsi] al massimo entro tre anni
| Ah, qui vedo che [fare] un viaggio molto interessante
| Qui vedo che [andare] ad abitare in un'altra citta'
}}