Skip to main content

Customizing Your Link Survey's Display Settings

The Display Settings panel lets you control how your link survey looks to respondents — from colors and typography to your logo and completion message. Everything you configure here is reflected live in the preview before you publish.

Getting to Display Settings

  1. Open your survey and go to the Questions section on the right.

  2. Select the Display Settings tab (marked New for the first month after release).

The default tab is Questions. Display Settings is a separate tab added specifically for Link Surveys.


Logo

Click on “Custom Survey Logo” to upload your brand logo to appear at the top of the survey.

  • Supported formats: .png, .jpg, .jfif, .pjp, .pjpeg, .jpeg

  • Once uploaded, you can:

    • Adjust the logo size

    • Replace or remove it at any time


Completion Message

This is the message respondents see after submitting the survey.

  • Default message: "Submission complete! Thanks for participating in the survey."

  • You can customize it with letters, numbers, links, emojis, and special characters.

  • Maximum: 300 characters


Color Style

You can define the visual theme of your survey using three color styles:

Style

What it affects

Primary Color

Buttons, accents, interactive elements

Background Color

Survey background

Card Color

All body text

Tip: If you choose a dark background color, the text color inverts automatically to keep the survey readable.


Font Style

Control the font size used across the survey.

  • Default fonts:

    • Figtree (Regular) for English

    • IBM Plex Sans Arabic for Arabic

  • Allowed size range: 16px – 22px

Element

Size behavior

Question Title, Question Description, Section Title

Matches your chosen font size

Survey Title

Always 2px larger than your chosen size

Example: Choose 16px → questions display at 16px, survey title displays at 18px.

Font sizes for tablet and mobile are adjusted automatically by Lucidya based on screen size.


Border Radius

Controls how rounded the survey card corners and answer options appear.

  • Range: 0px (sharp/square) → 16px (fully rounded)

  • Default: 4px

  • The radius applies to both the survey container and answer option cards.

Border radius will never distort the layout or cut off any survey content.


Progress Bar

Toggle the progress bar on or off to show respondents how far along they are in the survey.

  • The progress bar is visible only in preview and in the published survey.

  • Disabled by default until the survey has at least two sections.

If you only have one section, the toggle will be grayed out with the tooltip: "Add a new section to enable the progress bar."


Hide Section Headers

When your survey has multiple sections, you can choose to hide the section title from respondents for a cleaner look.

This setting is disabled until at least two sections exist in the survey.


Redirect on Completion

You can redirect respondents to a URL after they submit the survey. This setting is off by default and can be toggled on in the Display Settings tab.

This option was previously in the Configs tab, which has been removed.


Previewing Your Changes

All display changes are reflected in the live preview panel on the right side of the screen. Always preview across breakpoints before publishing to confirm the layout looks correct on desktop, tablet, and mobile.


Tips & Best Practices

  • Keep your completion message concise and warm — the default works well for most use cases.

  • Test dark backgrounds before publishing to confirm the auto-inverted text color is readable.

  • If you use border radius above 8px, verify that multi-line answer options don't feel cramped.

  • Enable the progress bar only for surveys with 3+ sections — it adds value when there's meaningful progress to show.

Did this answer your question?