CIForms sandbox
This is a sandbox for https://www.mediawiki.org/wiki/Extension:CIForms !
Basic, one column[edit | edit source]
This is the simplest form (type "inputs" by default, one column)
The square brackets represent an input, the square brackets contain the input type, the asterisk indicates a mandatory field
{{#CI form: title = Contact form | type = inputs | first and last name [] * | email [email] * | your message [textarea] * }}
which produces the following
{{#CI form: title = Contact form
| type = inputs
| submission groups = sysop
| first and last name [] *
| email [email] *
| your message [textarea] *
}}
Placeholders[edit | edit source]
Form with placeholders. The square brackets contain the placeholder and optionally 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:
{{#CI form: title = Contact form
| [first and last name] *
| [email=email] *
| [phone=tel]
| [your message=textarea] *
}}
Two columns[edit | edit source]
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] * }}
{{#CI form: title = Contact form
| type = inputs responsive
| first name [] *
| last name [] *
| email [email] *
| phone [tel]
| your message [textarea] *
}}
Multiple choice[edit | edit source]
Multiple choice with arbitrary text inputs between answers (on the last line in the example)
{{#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 [] }}
{{#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[edit | edit source]
Select with placeholder and hardcoded options. An option contain a comma? Just escape it!
{{#CI form: title = Select your preferred IT course | type = inputs | [Please chose one=select=PHP and Mysql, Node.js\, Vue.js\, React, Mediawiki and Gerrit ] * }}
{{#CI form: title = Select your preferred IT course
| type = inputs
| [Please chose one=select=PHP and Mysql, Node.js\, Vue.js\, React, Mediawiki and Gerrit ] *
}}
Select with combobox[edit | edit source]
Select populated by wikitext (if the select contains more than 20 options CIForms will automatically display it as a select2 combobox)
{{#CI form: title = Country and city | type = inputs | country [select={{#replace:{{Template:Countries}}|*|,}}] * | city [] * }}
{{#CI form: title = Country and city
| type = inputs
| country [select=, Afghanistan
, Aland Islands
, Albania
, Algeria
, American Samoa
, Andorra
, Angola
, Anguilla
, Antarctica
, Antigua And Barbuda
, Argentina
, Armenia
, Aruba
, Australia
, Austria
, Azerbaijan
, Bahrain
, Bangladesh
, Barbados
, Belarus
, Belgium
, Belize
, Benin
, Bermuda
, Bhutan
, Bolivia
, Bonaire, Sint Eustatius and Saba
, Bosnia and Herzegovina
, Botswana
, Bouvet Island
, Brazil
, British Indian Ocean Territory
, Brunei
, Bulgaria
, Burkina Faso
, Burundi
, Cambodia
, Cameroon
, Canada
, Cape Verde
, Cayman Islands
, Central African Republic
, Chad
, Chile
, China
, Christmas Island
, Cocos (Keeling) Islands
, Colombia
, Comoros
, Congo
, Cook Islands
, Costa Rica
, Cote D'Ivoire (Ivory Coast)
, Croatia
, Cuba
, Curaçao
, Cyprus
, Czech Republic
, Democratic Republic of the Congo
, Denmark
, Djibouti
, Dominica
, Dominican Republic
, East Timor
, Ecuador
, Egypt
, El Salvador
, Equatorial Guinea
, Eritrea
, Estonia
, Ethiopia
, Falkland Islands
, Faroe Islands
, Fiji Islands
, Finland
, France
, French Guiana
, French Polynesia
, French Southern Territories
, Gabon
, Gambia The
, Georgia
, Germany
, Ghana
, Gibraltar
, Greece
, Greenland
, Grenada
, Guadeloupe
, Guam
, Guatemala
, Guernsey and Alderney
, Guinea
, Guinea-Bissau
, Guyana
, Haiti
, Heard Island and McDonald Islands
, Honduras
, Hong Kong S.A.R.
, Hungary
, Iceland
, India
, Indonesia
, Iran
, Iraq
, Ireland
, Israel
, Italy
, Jamaica
, Japan
, Jersey
, Jordan
, Kazakhstan
, Kenya
, Kiribati
, Kosovo
, Kuwait
, Kyrgyzstan
, Laos
, Latvia
, Lebanon
, Lesotho
, Liberia
, Libya
, Liechtenstein
, Lithuania
, Luxembourg
, Macau S.A.R.
, Madagascar
, Malawi
, Malaysia
, Maldives
, Mali
, Malta
, Man (Isle of)
, Marshall Islands
, Martinique
, Mauritania
, Mauritius
, Mayotte
, Mexico
, Micronesia
, Moldova
, Monaco
, Mongolia
, Montenegro
, Montserrat
, Morocco
, Mozambique
, Myanmar
, Namibia
, Nauru
, Nepal
, Netherlands
, New Caledonia
, New Zealand
, Nicaragua
, Niger
, Nigeria
, Niue
, Norfolk Island
, North Korea
, North Macedonia
, Northern Mariana Islands
, Norway
, Oman
, Pakistan
, Palau
, Palestinian Territory Occupied
, Panama
, Papua new Guinea
, Paraguay
, Peru
, Philippines
, Pitcairn Island
, Poland
, Portugal
, Puerto Rico
, Qatar
, Reunion
, Romania
, Russia
, Rwanda
, Saint Helena
, Saint Kitts And Nevis
, Saint Lucia
, Saint Pierre and Miquelon
, Saint Vincent And The Grenadines
, Saint-Barthelemy
, Saint-Martin (French part)
, Samoa
, San Marino
, Sao Tome and Principe
, Saudi Arabia
, Senegal
, Serbia
, Seychelles
, Sierra Leone
, Singapore
, Sint Maarten (Dutch part)
, Slovakia
, Slovenia
, Solomon Islands
, Somalia
, South Africa
, South Georgia
, South Korea
, South Sudan
, Spain
, Sri Lanka
, Sudan
, Suriname
, Svalbard And Jan Mayen Islands
, Swaziland
, Sweden
, Switzerland
, Syria
, Taiwan
, Tajikistan
, Tanzania
, Thailand
, The Bahamas
, Togo
, Tokelau
, Tonga
, Trinidad And Tobago
, Tunisia
, Turkey
, Turkmenistan
, Turks And Caicos Islands
, Tuvalu
, Uganda
, Ukraine
, United Arab Emirates
, United Kingdom
, United States
, United States Minor Outlying Islands
, Uruguay
, Uzbekistan
, Vanuatu
, Vatican City State (Holy See)
, Venezuela
, Vietnam
, Virgin Islands (British)
, Virgin Islands (US)
, Wallis And Futuna Islands
, Western Sahara
, Yemen
, Zambia
, Zimbabwe] *
| city [] *
}}
Nested sections[edit | edit source]
Form with nested sections. The multiple choice accepts up to 3 answers ("max answers=3") The textarea has a maxlength attribute ("[textarea=1000]")
{{#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 = 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] * }}
}}
Cloze test[edit | edit source]
Cloze tests are mainly used to administer quizzes and tests.
Square brackets represent an input, a square bracket with text inside represents a suggestion. The asterisk represents an example sentence. Each row can contain an arbitrary number of inputs.
{{#CI form: type = cloze test | title = Put the verbs between parentheses in the proper tense | * I (to be) [have been] proud to win the match | I (to do) [] a wonderful work | I (to drink) [] too much at the last party | I (to eat) [] 3 pizzas and 4 portions of french fries, and now I don't perform really well in intimate situations | (to make) We are such stuff as dreams are [] on; and our little life ... }}
{{#CI form: type = cloze test | title = Put the verbs between parentheses in the proper tense | * I (to be) [have been] proud to win the match | I (to do) [] a wonderful work | I (to drink) [] too much at the last party | I (to eat) [] 3 pizzas and 4 portions of french fries, and now I don't perform really well in intimate situations | (to make) We are such stuff as dreams are [] on; and our little life ... }}
Cloze test with suggestions[edit | edit source]
The list of suggestions is automatically shuffled and the suggestion is automatically canceled from the list. (line-through)
{{#CI form: type = cloze test | title = Put the right word in each sentence | suggestions = pencils, cats, dogs, car, house, pizzas | * There are three [pencils] on my table | My [] is pretty fast | My [] barks a lot but welcomes thieves equipped with sausages | I love [] because they say "meeeooow" | I'm able to eat 4 [] at any time | My [] has 3 swimming pools and a bowling lane, are you envious ? }}
{{#CI form: type = cloze test | title = Put the right word in each sentence | suggestions = pencils, cats, dogs, car, house, pizzas | * There are three [pencils] on my table | My [] is pretty fast | My [] barks a lot but welcomes thieves equipped with sausages | I love [] because they say "meeeooow" | I'm able to eat 4 [] at any time | My [] has 3 swimming pools and a bowling lane, are you envious ? }}
Cloze test with transformed suggestions[edit | edit source]
In some cases the answer has to be "transformed" with regard of the list of suggestions. In this case the relationship is expressed with the equal symbol within square brackets.
{{#CI form: type = cloze test | title = Chose the right verb for each sentence and put it in the proper tense | suggestions = to be, to win, to do, to drink, to make | * I [to be=have been] proud to win the match | I [] a wonderful work | I [] too much at the last party | I [] 3 pizzas and 4 portions of french fries, and now I don't perform really well in intimate situations | We are such stuff as dreams are [] on; and our little life ... }}
{{#CI form: type = cloze test | title = Chose the right verb for each sentence and put it in the proper tense | suggestions = to be, to win, to do, to drink, to make | * I [to be=have been] proud to win the match | I [] a wonderful work | I [] too much at the last party | I [] 3 pizzas and 4 portions of french fries, and now I don't perform really well in intimate situations | We are such stuff as dreams are [] on; and our little life ... }}
Cloze tests with html[edit | edit source]
The following is a quiz adapted from this page
{{#CI form: title = Complete the text from the Wikipedia article on [https://en.wikipedia.org/wiki/Aristotle Aristotle] | type = cloze test | list-type = none | suggestions = Athens, Nicomachus, eighteen, 347, Stageira, Phaestis, Plato | <b>Early Years</b> <br> Aristotle was born in [Stageira] in Chalcidice. His parents were [] and [], who became physician to King Amyntas of Macedon. <br> Aristotle was educated as a member of the aristocracy. At about the age of [], he went to [] to continue his education at []'s Academy for nearly twenty years, not leaving until after Plato's death in [] BC. }}
{{#CI form: title = Complete the text from the Wikipedia article on Aristotle
| type = cloze test | list-type = none
| suggestions = Athens, Nicomachus, eighteen, 347, Stageira, Phaestis, Plato
| Early Years
Aristotle was born in [Stageira] in Chalcidice. His parents were [] and [], who became physician to King Amyntas of Macedon.
Aristotle was educated as a member of the aristocracy. At about the age of [], he went to [] to continue his education at []'s Academy for nearly twenty years, not leaving until after
Plato's death in [] BC.
}}