The Style tab in the form editor lets you control how a form looks — its layout, colors, header and logo, title, footer, and a progress bar for multi-page forms. These settings shape the presentation of a form for the people filling it out, without changing the form's fields, data, or submission behavior.
Plan Availability | All plan types |
Permissions | Solution Managers and Administrators can edit form style. |
Related Reading | Form View · The Forms Listing Page · Sharing Forms |
Overview
Open a form in the editor and select the Style tab. The left panel groups the styling controls into sections — Layout, Appearance, Header, Title, Footer, and Progress Bar — and the form canvas previews your changes in real time.
Layout
Choose one of three layouts:
Classic — a clean, standard form layout.
Banner — adds a banner image across the top of the form.
Full — a full background-image layout.
Banner and Full image behavior:
Click the image preview to choose an image from the Assets Library. A default image is provided — you can replace it, but it can't be removed. Your selection previews on the canvas in real time.
Brightness is adjustable from 0% to 100% (default 50%) so text stays readable over the image.
In Banner layout you can reposition the image (the same way you position a banner on the workspace home page). In Full layout, repositioning isn't available.
Note: Internal forms opened in a side panel always use the Classic layout, regardless of this setting.
Appearance
Background color — set the form's background from the color palette. Available for Classic and Banner layouts (hidden for Full). Defaults to your Solution color.
Button — choose the color of the form's action buttons from the palette. Defaults to your Solution color.
Header
Turn on an optional header to brand the top of the form. The header is off by default; when enabled, a header preview appears on the canvas.
Logo — optional; a SmartSuite logo is used by default. Upload your own from the side panel or the canvas (both open the Assets Library). Once a logo is set, two more controls appear:
Logo Size — choose from five sizes (default is size 3). Set from the left panel only.
Logo URL — make the logo link to a destination; standard URL validation applies. Editable from the panel or canvas.
Removing the logo hides both controls.
Header background color — defaults to White.
Title
Form title — plain text (no formatting); defaults to the form's name.
Description — supports rich-text formatting; shows an "Enter description" placeholder when empty.
Alignment — Left or Center (default Center); applies to both the title and the description.
You can edit the title and description from the left panel or directly on the canvas.
Footer
Add an optional footer (off by default):
Footer content — a rich-text editor, edited from the left panel only.
Footer background color — defaults to White.
Display SmartSuite branding — toggle the SmartSuite branding on or off (on by default).
Progress Bar
For multi-page forms, show a progress bar so respondents can see where they are:
Off by default. Available only when the form has at least two pages (the submission step doesn't count). If the form later drops below two pages, the progress bar turns off automatically.
Page names — Show (default) or Hide. When shown, each step displays its page's name.
Style — Dots or Numbers.
Navigation — the current page is clearly indicated. Respondents can click back to already-completed pages only; they can't jump ahead to pages they haven't reached.
Good to Know
Style settings affect presentation only — they don't change fields, records, or how submissions are processed.
Options are curated (preset layouts, logo sizes, color palettes, bounded brightness) rather than freeform CSS.