Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Aura - Title
color#0073a4
textAlignleft
fontSize28
lineHeight28
cloudTextDemo Title
tagh1
fontWeightbold
Forms: Create a Form

Aura - Divider
serializedStyles{"alignment":{"horizontal":"start"},"icon":{"name":"faPaperPlane","color":"#333","size":24},"text":{"color":"#333","fontSize":14,"textAlign":"left","fontWeight":"bold","text":"Aura Divider"},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#0073a4","style":"solid","width":2},"size":{}}
typeregular

Info
iconfalse

With Microsoft Forms, you can create surveys and polls and easily track results as they come

...

[in real time].

UI Steps
sizesmall
UI Step

In your web browser, go to office.com or log in through the NYSERDA Launch page.

UI Step

Sign in with your Office 365 work credentials.

UI Step

Under My Forms, click New Form to begin creating your form.

Tip: Your form

...

saves automatically while you create

Expand
titleScreenshot
Image Modified
UI Step

Enter a name for your form. You can also enter an optional subtitle.

Tip: Form names can contain up to 90 characters and a subtitle can contain up to 1,000 characters.

Expand
titleScreenshot
Image Removed
UI Step

Add a title. In the example the title is “Team Event”. You can add a subtitle if you choose.

Expand
titleScreenshot
Image Added
UI Step

Click Add Question to add a new question to the form.

UI Step

Select the type of questions by clicking on Choice, Text, Rating, or Date.

Expand
titleScreenshot
Image Added
UI Step

Click More, and select Ranking or Likert (five-point scale).

Expand
titleScreenshot
Image Removed
UI Step

For choice questions, type the question and each of the choices.

Expand
titleScreenshot
Image Modified
UI Step

Want to add more choices?

  1. Click Add Option to add more choices than the two default choices.
  2. Click Add “Other” Option to add a choice option that displays the text Other.
  3. To remove a choice, click the trash can button to the right.
  4. Select Required to make a question required or Multiple Answers to allow for multiple choices.
  5. Click More settings for question , and then select Shuffle options to have Microsoft Forms randomly shuffle the order of the options displayed to users of the form

Tip:

...

Click More settings for question , and then select Subtitle to add a subtitle for a question.

UI Step

Some choice questions will trigger auto suggestions. For example, the days of the week will be auto-populated if you select “What day of the week should we go”?

Expand
titleScreenshot
Image Modified
UI Step

Click on the suggested options to add as choices. In the following example below, Monday, Wednesday, and Friday are selected.

Expand
titleScreenshot
Image Modified
UI Step

Click Add Question to add more questions to your form.

Tip: To copy a question, select it and then click the Copy Question button in the upper right corner.

Expand
titleScreenshot
Image Added
UI Step

To change the order of the questions, click the Up or Down arrows on the right side of each question.

UI Step

Select Long Answer for text responses up to 4,000 characters if you want a larger text box displayed on the form.

Expand
titleScreenshot
Image Removed

...

UI Step

Text questions also allow you to set restrictions when you need to have numbers as the answer.

  1. Click More settings for question .
  2. Select Restrictions to restrict the numbers by selecting from the various options such as Greater than, Less than, Between, and many others.
Expand
titleScreenshot
Image Modified
UI Step

Click Preview at the top of the design window to see how your form will look on a computer. If you want to test your form, enter answers for the questions in preview mode and then click Submit.

Expand
titleScreenshot
Image Modified
UI Step

Click Mobile to see how your form will look on a mobile device.

Expand
titleScreenshot

...

Image Added
UI Step

Click Back when you are finished previewing your form.


HTML
<style type="text/css">
#title-text { display: none;}
</style>