---
schema_version: "1"
id: a4160f62526c42e22b2a9bb721451712f4a08d9b38668f0db9c532439270f788
title: Suppressing the Salesforce User Interface and Styles
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/salesforce-pages-developers-guide/guides/pages/styling/pages-styling-suppressing-salesforce-stylesheets.md
canonical_url: https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-styling-suppressing-salesforce-stylesheets.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: fd6ea14c618171ade50b868ead122e6aa2aa4bda0a0a606bccede00f36baabd9
products:
  - Visualforce Developer Guide
  - Platform Developer Content
---

# Suppressing the Salesforce User Interface and Styles

By default, Visualforce pages adopt the same visual styling and user interface “chrome” as the rest of Salesforce. This default styling behavior lets you create pages that look like they’re built right into Salesforce. If you don’t want a page to have the Salesforce look and feel, you can suppress various aspects of the Salesforce page and visual design.

You can change the page-level user interface resources added by Visualforce using the following attributes on the `<apex:page>` component.

-   `sidebar`—Set to `false` to suppress the standard sidebar. Removing the sidebar gives your page a wider canvas. For example, you can show more columns in a table.

    This attribute doesn’t affect the rest of the Salesforce look and feel. You can continue to use components like `<apex:pageBlock>`, `<apex:detail>`, and `<apex:inputField>` that render with Salesforce user interface styling.

-   `showHeader`—Set to `false` to suppress the standard Salesforce page design. The header, tabs, and sidebar are removed, along with their associated style sheets and JavaScript resources, like scripts that aid with redirects on session timeout. You have a blank page ready to fill in with your own user interface.

    However, suppressing standard page design does not suppress all the style sheets and scripts that provide the Salesforce visual design or other scripts included the page. Visualforce components that you add to the page continue to adopt the Salesforce visual design.

-   `standardStylesheets`—Set to `false`, along with setting `showHeader` to `false`, to suppress the inclusion of the style sheets that support the Salesforce visual design. When you suppress the standard style sheets, your page is unstyled, except for your own style sheets.

    **note:** If you don’t load the Salesforce style sheets, components that require them don’t display correctly.

    Setting this attribute to `false` has no effect if `showHeader` isn’t also set to `false`.


**See Also**  


-   [Using Custom Styles](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-styling-custom.md)
-   [Creating an Empty HTML5 “Container” Page](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-html-container-page.md)