Topic: Survey setup
With the Layout Configurator, you can create and manage as many layouts as you like.
Each layout is independent and can be assigned to one or more surveys. All layouts are automatically optimized for mobile devices and adapt flexibly to the respective screen.
To give your survey a custom design, first create a layout and then assign it to your survey.
Create a New Layout
1. Select the “Layout” menu item at the top of the menu bar.
2. Next, click the “+ Create New Layout” button. A new layout will then appear in the list.
3. Click the newly created layout. This will open the layout configurator, where you can customize the layout to suit your needs.
Colors
Customize the colors of individual elements to your liking. Color values are specified as hexadecimal values.
You can either:
If you only have RGB or CMYK values, you can convert them to hexadecimal values using an online tool.
Font
Choose the right font for your layout from over 20 options.
If you can't find a suitable font, you can add additional Google Fonts using the CSS editor.
In addition to the fonts, you can also customize the font style. Currently, only white or black is available.
The font style affects the appearance of the text — for example, bold, italic, or underlined — and is used to visually highlight text in the survey. The color options are limited to white or black to ensure readability against various background colors.
Logo and background image
You can use the upload feature to upload a logo and a background image.
We recommend using a PNG file with a transparent background for the logo so that no white areas (as with JPG files) are visible.
You can freely choose the logo’s alignment, from left-aligned to right-aligned. Please also enter alternative text for the logo. This helps ensure the survey’s accessibility.
Note on the logo
If your logo is taller than this, it will be automatically scaled down proportionally.
If you want to add a background image to the survey, you have several options available: Full screen, repeat vertically, repeat horizontally, and brightness.
Full Screen
The background image is scaled to fill the entire background of the survey.
Repeat Vertically
The background image is repeated multiple times one below the other (from top to bottom), creating a vertical pattern.
Repeat Horizontally
The background image is repeated multiple times side by side (from left to right), creating a horizontal pattern.
Brightness
Use this setting to adjust the brightness of the background image so that the text and content of the survey remain easy to read.
Note on the background image
If the image is larger, it will also be automatically scaled proportionally.
CSS-Editor (Professional & Enterprise)
You can use the CSS Editor to make more advanced adjustments to the survey layout. This allows you to specifically customize individual elements.
All settings in the CSS Editor override the default settings of the layout configurator.
After saving, all settings you have made will be applied.
Make a Layout Visible to Specific People/Teams
You can restrict the visibility of a layout for a survey so that only specific people or teams can access it.
This prevents confusion, keeps usage organized, and ensures that sensitive or project-related layouts are accessible only to authorized users.
This allows you to efficiently control access and improve organization.
When you open the layout, you'll see options at the bottom left of the screen that control the layout's visibility to other users.
You have the following options:
Assign a Layout to a Survey
After you’ve created a layout, you can assign it to your survey:
1. Open the desired survey
2. Go to the Settings tab
3. Scroll to the Layout section and select the desired layout
4. Save your settings
Default Layout with Star Icon
You can set a layout as the default for your surveys.
Layouts selected as the default are indicated in the list by a star icon next to the corresponding layout.
You can find step-by-step instructions on how to set a layout as the default here.
Create layout within the survey
With the Layout Configurator, you can create and manage as many layouts as you like.
Each layout is independent and can be assigned to one or more surveys. All layouts are automatically optimized for mobile devices and adapt flexibly to the respective screen.
To give your survey a custom design, first create a layout and then assign it to your survey.
Create a New Layout
1. Select the “Layout” menu item at the top of the menu bar.
2. Next, click the “+ Create New Layout” button. A new layout will then appear in the list.
3. Click the newly created layout. This will open the layout configurator, where you can customize the layout to suit your needs.
Colors
Customize the colors of individual elements to your liking. Color values are specified as hexadecimal values.
You can either:
- select a color using the color picker or
- enter the hexadecimal code directly.
If you only have RGB or CMYK values, you can convert them to hexadecimal values using an online tool.
Font
Choose the right font for your layout from over 20 options.
If you can't find a suitable font, you can add additional Google Fonts using the CSS editor.
In addition to the fonts, you can also customize the font style. Currently, only white or black is available.
The font style affects the appearance of the text — for example, bold, italic, or underlined — and is used to visually highlight text in the survey. The color options are limited to white or black to ensure readability against various background colors.
Logo and background image
You can use the upload feature to upload a logo and a background image.
We recommend using a PNG file with a transparent background for the logo so that no white areas (as with JPG files) are visible.
You can freely choose the logo’s alignment, from left-aligned to right-aligned. Please also enter alternative text for the logo. This helps ensure the survey’s accessibility.
Note on the logo
- Maximum file size: 3 MB
- Supported image formats: JPG, JPEG, GIF, PNG
- Maximum height: 100 pixels
If your logo is taller than this, it will be automatically scaled down proportionally.
If you want to add a background image to the survey, you have several options available: Full screen, repeat vertically, repeat horizontally, and brightness.
Full Screen
The background image is scaled to fill the entire background of the survey.
Repeat Vertically
The background image is repeated multiple times one below the other (from top to bottom), creating a vertical pattern.
Repeat Horizontally
The background image is repeated multiple times side by side (from left to right), creating a horizontal pattern.
Brightness
Use this setting to adjust the brightness of the background image so that the text and content of the survey remain easy to read.
Note on the background image
- Maximum file size: 3 MB
- Supported image formats: JPG, JPEG, GIF, PNG
- Recommended image size: 1920 × 1080 pixels
If the image is larger, it will also be automatically scaled proportionally.
CSS-Editor (Professional & Enterprise)
You can use the CSS Editor to make more advanced adjustments to the survey layout. This allows you to specifically customize individual elements.
All settings in the CSS Editor override the default settings of the layout configurator.
| Note easyfeedback does not guarantee that the survey will display correctly if changes are made in the CSS editor. CSS adjustments should therefore be made by experienced users whenever possible. |
After saving, all settings you have made will be applied.
Make a Layout Visible to Specific People/Teams
You can restrict the visibility of a layout for a survey so that only specific people or teams can access it.
This prevents confusion, keeps usage organized, and ensures that sensitive or project-related layouts are accessible only to authorized users.
This allows you to efficiently control access and improve organization.
When you open the layout, you'll see options at the bottom left of the screen that control the layout's visibility to other users.
You have the following options:
- Me: With this option, only you can see and use the layout.
- Everyone: With this option, the layout is visible to all users in your account.
- Selected Teams: With this option, the layout is visible to all users in the selected teams.
Assign a Layout to a Survey
After you’ve created a layout, you can assign it to your survey:
1. Open the desired survey
2. Go to the Settings tab
3. Scroll to the Layout section and select the desired layout
4. Save your settings
| Note Any changes you make later in the Layout Configurator will automatically be applied to the associated surveys. Therefore, no further adjustments to the survey settings are necessary. Each survey layout can be assigned to one or more surveys. If you delete a layout that is already assigned to a survey, the survey will remain — only the layout will be removed. |
Default Layout with Star Icon
You can set a layout as the default for your surveys.
Layouts selected as the default are indicated in the list by a star icon next to the corresponding layout.
You can find step-by-step instructions on how to set a layout as the default here.