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

Click New Form to begin creating your form. Your form saves automatically while you create

Expand
titleScreenshotscreenshot
UI Step

Enter a title for your form. You can also enter a form description.

Expand
titlescreenshot

UI Step

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

Expand
titlescreenshot

UI Step

Select the type of questions by clicking on Choice, Text, Rating, or Date. You can also select the downward arrowto see more options.

Expand
titleScreenshotscreenshot
  • Choice allows you to create a multiple choice question. You can toggle whether respondents can select multiple answers. You also have the option to create a Other option for respondents to select. Clicking on the three dots in the lower righthand corner allows you to access more settings, such as changing the format to a dropdown selection and shuffling the answers for each respondent 
    Expand
    titlescreenshot

UI Step

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

UI Step

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

Expand
titleScreenshot
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
UI Step

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

Expand
titleScreenshot
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
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.

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
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
UI Step

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

Expand
titleScreenshot
UI Step

Click Back when you are finished previewing your form.


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