Last modified at 3/3/2012 9:01 AM by Ken Weatherford
Understanding the Page-Editing Experience
The page-editing experience in SharePoint 2010 is controlled primarily by the ribbon. Because the ribbon is contextual, you won’t actually see page-editing options until a page is in edit mode. There are three main ways to put a page into edit mode in SharePoint 2010:
  • Click Site Actions ⇒ Edit Page.
  • Click the edit icon (the small paper and pencil at the top, next to the Browse tab).
  • Click the Page tab at the top of the ribbon, and then click Edit .
Screen shot 2012-03-01 at 10.41.55 PM.png

With the page in edit mode, SharePoint places the cursor at top of the first editable area on the page, and the ribbon is opened with the Format Text tab selected.

You can immediately begin typing in the editable area; page editing in SharePoint is very similar to editing a document in Microsoft Word. Note that if you click outside of an editable area, the ribbon will revert back to the Browse tab, effectively hiding the ribbon. The next few sections discuss the various tabs that are available when editing page content, focusing specifically on options that are relevant to branding.

Screen shot 2012-03-01 at 10.42.09 PM.png
Watch the Ribbon Video [[SharePoint - Ribbon Interface]]

The Format Text Tab
Figure 5-6 shows a typical Format Text tab. Figure 5-6 This tab contains many of the basic options for editing content on the page, including the following groups:


The Edit group includes options to save the page, stop editing, and check in/check out. Checking out a page locks it for editing so that no one else can edit it until it is checked back in. Note that when edited, publishing pages automatically start in the checked out state.


The Clipboard group enables you to paste in content from other websites or documents (either by trying to retain the formatting or just pasting in plain text), and to copy information to the clipboard for
pasting inside of the page or somewhere else. This group also contains the undo and redo options for quickly cycling through the history of changes in the content area. The paste option is particularly useful for bringing in existing content; SharePoint will attempt to retain the existing formatting, including references to images if they are web-based.

The Font group is very similar to what you will find in the latest Microsoft Word releases. This group enables you to change how the text looks; here are some of the options:
  • Font face — You can enter any font name, select from theme fonts, or select from several standard fonts. Note that whether a font will be displayed properly is ultimately determined by the user’s operating system.
  • Font size — You can enter any size with a valid CSS unit of measure or you can select from several standard point sizes.
  • Bold, italics, underline, strikethrough, subscript, superscript — Applies the specific style to the selected text.
  • Highlight color — Enables you to apply a highlight color from standard colors, theme colors, or enter any color via its hex value.
  • Font color — Enables you to apply a font color from standard colors or theme colors, or to enter any color via its hex value.
  • Clear formatting — Clears all formatting and returns the selected text to the default format.

The Paragraph group is also very similar to Microsoft Word; it enables you to change the way text content is arranged on the page. Here are some of the options in the Paragraph group:
  • Bullets — Create bulleted lists.
  • Numbering — Create numbered lists.
  • Outdent/indent — Increase or decrease the indent level of the paragraph.
  • Bi-directional text layout — Switch the paragraph between left-to-right display and right-to-left display. This feature is primarily used for sites that are intended for specific foreign languages that read right-to-left.
  • Paragraph alignment — Set the paragraph alignment to Left, Center, Right, or Justify.

The Styles group enables you to format text content with various prebuilt visual styles. Chapter 12 discusses how custom styles can be added to this list for all content authors to use. This is a great way to enforce consistency across page content.

As you might have guessed, the Spelling tab enables you to spell-check your page content against several installed languages. SharePoint will scan the page content and underline errors with a red dotted line. Clicking on the red dotted line enables you to select from a list of possible corrections. You can hide the red dotted lines by clicking Spelling ⇒ Remove Spelling. Spell-checking is available only for SharePoint Server publishing sites.

Text Layout
Text Layout includes several preconfigured content layouts that can easily be switched from the ribbon. Text Layout is available only in non-publishing sites;
is useful because authors can see their content easily in several configurations without the need for creating custom page layouts.

Stubbs, Paul; Ross, John; Drisgill, Randy; Sanford, Jacob J.; Riemann, Larry (2010-11-17). Professional SharePoint 2010 Branding and User Interface Design (pp. 105-106). John Wiley and Sons. Kindle Edition.

 Note Board