Skip to main content

Form Style: Layout & Appearance

Set a form's layout, header and logo, colors, footer and progress bar on the Style tab, without changing its fields.

Written by Piercen Reid

The Style tab in the form editor sets how a form looks: its layout, colors, header and logo, footer and a progress bar for forms with several pages. These settings change only how the form looks, never its fields, data or what happens on submit.

Here is the test: will people outside your team fill in this form? Style it so they know who is asking. A form used only by your own team can stay on the defaults.

Example: a vendor risk program. Vendors fill in the Vendor Intake form from a shared link. The risk team gives it the Banner layout and a header with the company logo. A progress bar runs across its three pages: Company, Data Handling and Security Contacts.

Plan Availability

All plan types.

Permissions

Solution Managers and Administrators can edit a form's style.

Platform

Web

Related Reading


Where are the style settings?

  1. Open the form in the form editor.

  2. Select the Style tab.

The Style tab of a form, with the Form Style panel on the left and the form preview on the right.

The Style tab of a form, with the Form Style panel on the left and the form preview on the right.

The left panel, Form Style, holds five sections: Layout, Header, Appearance, Footer and Progress Bar. The form preview on the right shows each change as you make it.


Layout

Choose one of three layouts:

  • Classic. A clean, standard form.

  • Banner. Adds a banner image across the top.

  • Full. Puts an image behind the whole form.

For Banner and Full, select the image preview to pick an image from the Assets Library. A default image comes with the form. You can replace it, but you cannot remove it.

  • Brightness. Set it from 0% to 100%, so text stays readable over the image. The default is 50%.

  • Position. In Banner, you can move the image, the same way you place a banner on the workspace home page. In Full, you cannot.

Note: An internal form opened in a side panel always uses the Classic layout, whatever this setting says.


Header

The header is optional and off by default. Turn it on to brand the top of the form. A preview of the header shows on the form.

  • Logo. A SmartSuite logo is used by default. Upload your own from the side panel or from the form preview. Both open the Assets Library.

  • Logo Size. Shows once a logo is set. Pick one of five sizes; the default is size 3. Set it in the left panel only.

  • Logo URL. Shows once a logo is set. Makes the logo a link. The URL must be valid. Edit it in the panel or on the form.

  • Header background color. The default is white.

To remove your logo, select the trash icon next to it in the side panel. The SmartSuite logo comes back.

Title and description

The Style tab has no title settings. Select the title or the description on the form to edit them. The title starts as the form's name. An empty description shows "Add description".


Appearance

  • Background Color. Pick it from the color palette. It shows for Classic and Banner and is hidden for Full. It defaults to gray.

  • Button Color. Pick the color of the form's buttons from the palette. It defaults to your solution color.


Footer

The footer is optional and off by default.

  • Footer content. A rich-text editor, edited in the left panel only.

  • Footer background color. The default is white.

  • Display SmartSuite branding. Shows or hides "Powered by SmartSuite" below the form. It is on by default and works whether or not the footer is on.


Progress Bar

A progress bar shows people where they are in a form with several pages. It is off by default.

  1. Make sure the form has at least two pages. The submission step does not count.

  2. In Progress Bar, turn it on.

  3. Set Page names to Show or Hide. Show is the default and labels each step with its page name.

  4. Set Style to Dot or Numbers. Dot is the default.

The current page is marked on the bar. People can go back to pages they finished, but they cannot jump ahead.

Tip: If the form drops below two pages, the progress bar turns off on its own. Turn it back on after you add a page.


Frequently asked questions

Does changing the style change my form's fields or records?

No. Style settings change only how the form looks. Fields, records and what happens on submit stay the same.

Why is Background Color missing?

The form uses the Full layout, which hides it. Background Color shows for Classic and Banner.

Why can I not turn on the progress bar?

The form needs at least two pages, not counting the submission step.

Can I remove the "Powered by SmartSuite" line?

Yes. Turn off Display SmartSuite branding in the Footer section. It works whether or not the footer is on.

Can I use my own CSS?

No. The options are preset: layouts, logo sizes, color palettes and a brightness range.

Need more help? Ask the SmartSuite Community, where builders, administrators and the SmartSuite team answer questions about building on SmartSuite. For your account, billing or data, select the chat button in the lower-right corner of SmartSuite to reach support.

Last verified 1 Nov 2026.

Did this answer your question?