Edit toolbar

The edit toolbar appears inline when you are formatting elements in the preview pane.

Text

In the preview pane, click inside a text box to type your screen text. Use the inline editor to apply formatting.

Formatting option Description

Font

Click the arrow on the right side and select a font from the menu. Options include:
  • Abril Fatface
  • Comfortaa
  • Courier Prime
  • Dosis
  • Lato
  • Roboto
  • Sacramento
  • Times New Roman
Any custom fonts you have added also appear in the menu. For more information, see Upload a custom font.

Font size

Click the arrow on the right side and select a font size from the menu. Options include:
  • 8
  • 12
  • 16
  • 24
  • 32
  • 40
  • 48
  • 56
  • 64

Bold

Click this button to apply or clear bold formatting.

Italic

Click this button to apply or clear italics.

Underline

Click this button to apply or clear underlining.

Align

Click the arrow on the right side and select an alignment option. Options include:
  • Left align
  • Right align
  • Center

Text color

Click this button to select a new text color.

  • Use one of the preset colors (white, purple, black, or grey).
  • Use the slider above to adjust opacity.
  • Click the plus sign button to choose a custom color. This opens the custom color picker.
    • Click anywhere inside the ombre rectangle to select a shade.
    • Use the slider to select a different color.
    • Use the up and down arrow buttons to toggle between different options for specifying a color by code. Options include:
      • HEX
      • RGBA
      • HSLA
  • The custom colors you use are automatically saved. The first 20 custom colors are displayed. If more than 20 custom colors are used, the twenty-first color will replace the oldest color.

Text background color

Click this button to select a new text background color.

  • Use one of the preset colors (white, purple, black, or grey).
  • Use the slider above to adjust opacity.
  • Click the plus sign button to choose a custom color. This opens the custom color picker.
    • Click anywhere inside the ombre rectangle to select a shade.
    • Use the slider to select a different color.
    • Use the up and down arrow buttons to toggle between different options for specifying a color by code. Options include:
      • HEX
      • RGBA
      • HSLA
  • The custom colors you use are automatically saved. The first 20 custom colors are displayed. If more than 20 custom colors are used, the twenty-first color will replace the oldest color.

Move the element up or down

Click an element, and then use the up and down arrows to change its position.

Delete an element

Click an element, and then click the delete button.

Answer options

These settings apply to Text Questions, Image Questions, and Choice Question elements. In the preview pane, select the entire answer option area for editing.

Formatting option Description

Answer option shape

Click the button to select a shape for answer options. Options include:
  • Vertically stacked rectangles
  • Condensed pill shapes (Text questions)
  • Radio buttons (Single Choice questions)
  • Check boxes (Multiple Choice questions)

Use the paint bucket to set the color of the answer option shape you choose.

Radio button shape

If you select radio buttons as your answer option shape, you can set the shape of the radio buttons themselves. Options include:
  • Circle (Single Choice questions)
  • Check box (Multiple Choice questions)
  • Diamond

Answer option padding

Click the button and use the notched slider to adjust the padding along the top and bottom of answer options. Your selection snaps to the nearest notch in the slider. The leftmost notch represents almost no padding, while the rightmost notch represents the maximum amount of padding possible.

Answer option spacing

Click the button and use the notched slider to adjust the amount of space between answer options. Your selection snaps to the nearest notch in the slider. The leftmost notch represents the least amount of space between answer options, while the rightmost notch represents the most amount.

Transition and submission buttons

In the preview pane, click the transition and submission button to open the inline editor. Use the formatting options in the inline editor to customize the appearance of the button and text.

Formatting option Description

Font

Click the arrow on the right side and select a font from the menu. Options include:
  • Abril Fatface
  • Comfortaa
  • Courier Prime
  • Dosis
  • Lato
  • Roboto
  • Sacramento
  • Times New Roman
Any custom fonts you have added also appear in the menu. For more information, see Upload a custom font.

Font size

Click the arrow on the right side and select a font size from the menu. Options include:
  • 8
  • 12
  • 16
  • 24
  • 32
  • 40
  • 48
  • 56
  • 64

Bold

Click this button to apply or clear bold formatting.

Italic

Click this button to apply or clear italics.

Underline

Click this button to apply or clear underlining.

Button alignment

Click the arrow on the right side and select an alignment option. Options include:
  • Left align
  • Right align
  • Center

Text color

Click this button to select a new text color.

  • Use one of the preset colors (white, purple, black, or grey).
  • Use the slider above to adjust opacity.
  • Click the plus sign button to choose a custom color. This opens the custom color picker.
    • Click anywhere inside the ombre rectangle to select a shade.
    • Use the slider to select a different color.
    • Use the up and down arrow buttons to toggle between different options for specifying a color by code. Options include:
      • HEX
      • RGBA
      • HSLA
  • The custom colors you use are automatically saved. The first 20 custom colors are displayed. If more than 20 custom colors are used, the twenty-first color will replace the oldest color.

Button color

Click this button to select a new button color.

  • Use one of the preset colors (white, purple, black, or grey).
  • Use the slider above to adjust opacity.
  • Click the plus sign button to choose a custom color. This opens the custom color picker.
    • Click anywhere inside the ombre rectangle to select a shade.
    • Use the slider to select a different color.
    • Use the up and down arrow buttons to toggle between different options for specifying a color by code. Options include:
      • HEX
      • RGBA
      • HSLA
  • The custom colors you use are automatically saved. The first 20 custom colors are displayed. If more than 20 custom colors are used, the twenty-first color will replace the oldest color.

Button size

If you selected a rectangular button with text, click this button to select a button size option. Options include:

  • Short (109 pixels width, 40 pixels height)
  • Medium (218 pixels width, 40 pixels height)
  • Long (327 pixels width, 40 pixels height)

The default button size is long.