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.
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:
A default banner image is provided. You can replace it, but it can't be removed.
Brightness is adjustable from 0% to 100% (default 50%) so text stays readable over the image.
In Banner layout you can reposition the image. 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 (available for Classic and Banner layouts; not applicable to Full).
Button style — choose the style/color of the form's buttons.
Header
Turn on an optional header to brand the top of the form:
Enable/disable the header.
Logo — upload from the panel or canvas; choose from five logo sizes.
Logo URL — make the logo link to a destination (standard URL validation applies).
Header background color.
Title
Form title and a rich-text description.
Alignment — left or center.
You can edit these from the left panel (and on the canvas where supported).
Footer
Add an optional footer:
Enable/disable the footer.
Rich-text footer content (edited from the left panel).
Footer background color.
SmartSuite branding — toggle the "Powered by SmartSuite" branding on or off.
Progress Bar
For multi-page forms, show a progress bar so respondents can see where they are:
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.
Show or hide page names.
Choose a style: Dots or Numbers.
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.
Practical Scenarios and Use Cases
Branded intake form — Scenario: A team wants customer-facing forms to match company branding. Solution: Use the Banner layout with a logo header, brand colors, and a footer with contact details.
Guided multi-step form — Scenario: A long application form feels overwhelming. Solution: Split it into pages and enable the Numbers progress bar so applicants can track and revisit completed steps.
Polished external survey — Scenario: A public survey needs to look professional. Solution: Use the Full background layout with brightness tuned for readability and SmartSuite branding turned off.