Customizing the appearance of a form

If the form is already published, its design changes.

Design theme

To make your form more appealing, customize the look of its text and buttons, or add a background image:

1. Select the form and open the Theme tab.

2. Choose from available themes or click  Create custom theme to create a custom one:

   • Set a background for the form workspace: choose a fill color or an image from the gallery, or upload a custom background. You can configure the background opacity, round the corners, set the width, and define the padding.

   • Select the backdrop: the background around the form workspace. To do this, enable the Card background  option, select a fill color, choose an image from the gallery, or upload a custom background. The backdrop is visible if you open the form via a link.

   • Adjust colors for different form elements.

   • Configure the look of your form fields: size, rounding, and spacing.

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

   • Click Save.

A new theme will appear in the list of themes. To edit it, click  Edit.

Additional theme settings

In the additional settings section, you can further customize your form:

1. Adjust the ratio between the question text and the answer input field.

2. Set the size of the * icon next to the required question or disable it.

3. Adjust the size, shape, and location of the submit button.

4. Choose the font and typeface for text on the form.

5. Click Save.

Button names and the message after submitting a form

You can set form button names and the message the users see after submitting their response:

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

2. Change the button names in the following sections:

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

3. Under Event after submit, change the heading and comment.
   For instructions on how to configure an 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.

Sample markup

## This is a heading

This is 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 [link](https://yandex.ru).

\* A note for the first item.

Showing previous user answers

If you're tracking changes to user responses for a single form, you can configure the form to allow users to view and update their previous answers:

1. Select the form and open the Settings → Additional tab.

2. Enable the  Autofill the form with previous user answers 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 responses on the responses page.