By default, Visualforce pages
adopt the same visual styling and user interface “chrome” as the rest of Salesforce. This makes it easy for you to
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.
It’s easy to create pages with a different look and feel. 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. You have a blank page ready to fill in with your own user interface.
It does
not, however, suppress all the style sheets that provide the Salesforce visual design. 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 completely unstyled, except for your own
style sheets.
Setting this attribute to false has no effect if
showHeader isn’t also set to false.