Difference between revisions of "Judging/Application Form"
(now that we're cross domaining, the form needs to know its own request URL) |
(Added a bunch of formInfo variables and some commentary advice about building a form, which should carry over into an example form. KFORMS HAS NOT BEEN CORRESPONDINGLY UPDATED YET.) |
||
Line 1: | Line 1: | ||
{{JS/QueryStringUtilities}} | {{JS/QueryStringUtilities}} | ||
− | |||
{{HTML/JSDisabled}} | {{HTML/JSDisabled}} | ||
{{HTML/Temp/FormTitleAndMode}} | {{HTML/Temp/FormTitleAndMode}} | ||
Line 6: | Line 5: | ||
<html> | <html> | ||
+ | <!--Include the four templates above.--> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | var | + | var formInfo = {}; |
− | + | ||
− | + | //A short name by which to identify this form in the software | |
− | + | formInfo.name="2015_judge_application"; | |
+ | |||
+ | //A displayable title for this form | ||
+ | formInfo.displayTitle="2015 Judging Application Form"; | ||
+ | |||
+ | //What type of person or entity "owns" a copy of this form. | ||
+ | //Valid options: "user", "judge", "team", "lab", "course" | ||
+ | formInfo.ownerType = "user"; | ||
+ | |||
+ | //Lists of which people can view, edit, submit, and administer this form. | ||
+ | //Valid options: | ||
+ | //"individualOwner" (the individual owner of the form, if ownerType is "user" or "judge") | ||
+ | //"groupMember" (a member of the owning group, if ownerType is "team", "lab", or "course") | ||
+ | //"groupRole:Primary Contact" (a member of the owning group, who has the specified Role in that group) | ||
+ | //"superUser" (anyone with super user wiki powers, aka iGEM HQ) | ||
+ | //"anyUser" (any logged-in user) | ||
+ | //"public" (anyone) | ||
+ | formInfo.canView = ["individualOwner", "superUser"]; | ||
+ | formInfo.canEdit = ["groupmember"]; | ||
+ | formInfo.canSubmit = ["individualOwner"]; | ||
+ | formInfo.canAdmin = ["superUser"]; | ||
+ | |||
+ | //URL for sending and receiving form data. Substitute igem.org or year.igem.org as needed. | ||
+ | formInfo.ajaxRequestURL = "https://2015.igem.org/cgi/forms/form.cgi"; | ||
+ | //**Make this extract the domain from window.location | ||
+ | //**or don't bother, this may be invalidated by CORS | ||
</script> | </script> | ||
Line 19: | Line 45: | ||
<!-- start of content --> | <!-- start of content --> | ||
+ | <p class="admins_only">This paragraph, with class="admins_only", is only visible to wiki superusers and in Admin mode. Add class="admins_only" to any element on the page.</p> | ||
+ | |||
+ | <!--Enclose the actual questions in a div id="formbody"--> | ||
<DIV id="formbody"> | <DIV id="formbody"> | ||
+ | <!--Use fieldsets to group questions, and use the legend tag to title a fieldset--> | ||
<fieldset> <legend>General</legend> | <fieldset> <legend>General</legend> | ||
<p>User name and full name will be pulled in from login information.</p> | <p>User name and full name will be pulled in from login information.</p> | ||
Line 64: | Line 94: | ||
</fieldset> | </fieldset> | ||
− | |||
<br /> | <br /> | ||
Line 92: | Line 121: | ||
{{HTML/Temp/FormsAdmin}} | {{HTML/Temp/FormsAdmin}} | ||
<html> | <html> | ||
+ | <!--The above template contains general administrative fields where you can set the status of a form, leave a comment, or add a followup flag. You can also create your own administrative fields if need be.--> | ||
</DIV> | </DIV> | ||
+ | <!--Here is where formbody ends.--> | ||
<!-- end of content --> | <!-- end of content --> |
Revision as of 20:32, 24 February 2015
This form has been submitted.
You can unsubmit the form if you wish to make further edits.
-- Please choose a team
Orange stuff is only visible to wiki superusers (hide orange stuff)
Go to Admin Mode / Go to Team Example / Go to Username:
This paragraph, with class="admins_only", is only visible to wiki superusers and in Admin mode. Add class="admins_only" to any element on the page.
3. Example checkbox question
4. Example drop-down question