Customizing the appearance of a form

If the form is already published, its design changes.

Theme

You can give your form a distinct look by customizing the appearance of the text and buttons or adding a background image:

  1. Select the form and open the Theme tab.

  2. Pick one of the available themes or create your own by clicking Create custom theme:

    • Set a background for the form workspace: choose a fill color or an image from the gallery, or upload your own background. You can set the background opacity, corner rounding, width, and padding.

    • Select the backdrop: the background around the form workspace. To do so, enable Card background and select a fill color, pick an image from the gallery, or upload your own background. The backdrop is visible if you publish the form via a link.

    • Configure the colors of various form elements.

    • Customize the appearance of form fields by adjusting their size, corner rounding, and padding.

    • To view all theme settings, click Show additional settings. To hide them, click Hide additional settings.

    • Click Save.

The new theme will appear in the list of available themes. To modify it, click Edit.

Additional theme settings

Additional settings can be helpful if you need more customization:

  1. Adjust the padding between the question text and the input field.

  2. Set the size of the asterisk * indicating required questions or disable it.

  3. Configure the size, shape, and position of the submit button.

  4. Select fonts and their weight for texts in the form.

  5. Click Save.

Button names and submission message

You can set form button names and the message that the user sees after submitting their response:

  1. Select a form and go to Settings → Text and submit logic.

  2. Change the button names under:

    • Form submission button.
    • Buttons for navigating through form pages.

  3. Under Event after submit, change the heading and comment.
    For more information about customizing the event, see Customizing the results page.

  4. Click Save.

Formatting text

You can use formatting (such as headings, lists, links, or italics) in your questions and comments, as well as in the success message that users see when they submit a form.

To do this, use the basic Markdown markup.

Unlike Yandex Tracker and Wiki, Forms doesn't support the advanced formatting features from Yandex Flavored Markdown, such as changing the text color.

If a line or word starts with a special character used for text markup in Markdown — such as *, -, or > — that character changes the appearance of the text but isn't visible to the user. To make these characters visible, precede them with a backslash. For example, \*question*.

Sample markup

## This is a heading

This is the question text. You can use *italics* or **bold** in it.

### This is a second-level heading

The text can be arranged as a list:
1. List items.*
1. Lists can be nested:
    * Nested list item.
    * Nested list item.

Example [links](https://yandex.ru).

\* A note for the first item.
Result

Showing previous user responses

If you're tracking changes in user answers to a form, you can set it up to show the user's previous responses so they can update it:

  1. Select a form and go to Settings → Additional.

  2. Enable the Insert previous user responses into the form option.

  3. Click Save.

Previous responses are only shown to the user if they fill out the form using the same Yandex account. You can see all answers on the answers page: Getting answers.

Previous
Conducting a test
Next
Customizing the results page